@charset

utf-8;
h1, h2, h3, h4, h5, p, ul, li, ol, dl, dt, dd, img, input, button {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0
}

body {
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-family: 微软雅黑,'Microsoft YaHei',Arial;
    color: #292929;
    max-width: 1920px !important;
    background-attachment: fixed
}

input[type=checkbox], input[type=radio] {
    margin: 0
}

.current {
    display: flex;
    align-items: center;
}

    .current input {
        margin-right: 5px
    }

#companyname {
    margin: 0 10px
}

html {
    _background: url(xx.jpg) fixed
}

input {
    outline: none !important;
}

*html {
    overflow-x: hidden
}

* + html {
    overflow-x: hidden
}

.clear {
    clear: both;
    overflow: hidden;
    font-size: 0;
    display: block;
    height: 0
}

a {
    text-decoration: none !important
}

.con-conter {
    width: 1200px !important;
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.posr {
    position: relative
}

.posa {
    position: absolute
}

.posf {
    position: fixed
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0
}

.clearfix {
    *zoom: 1
}

.clboth {
    clear: both
}

.disnone {
    display: none
}

.smlico {
    background-image: url(../img/smlico.png);
    background-repeat: no-repeat;
    display: inline-block
}

.mgrnone {
    margin-right: 0 !important
}

.mglnone {
    margin-left: 0 !important
}

.padlnone {
    padding-left: 0 !important
}

.padrnone {
    padding-right: 0 !important
}

@font-face {
    font-family: PingFangBold;
    src: url('./font/PingFang Bold.ttf')
}

@font-face {
    font-family: PingFangRegular;
    src: url('./font/PingFang Regular.ttf')
}

@font-face {
    font-family: PingFangMedium;
    src: url('./font/PingFang Medium.ttf')
}

@font-face {
    font-family: PingFangHeavy;
    src: url('./font/PingFang Heavy.ttf')
}

.header-bar {
    background-color: #6e6e6e;
    height: 45px;
    line-height: 45px;
    min-width: 1180px
}

    .header-bar li > span.fistit {
        padding: 0;
        color: #c9c9c9
    }

    .header-bar li {
        position: relative;
        padding: 0 14px;
    }

        .header-bar li .linspan {
            position: absolute;
            right: -4px;
            top: -1px;
        }

        .header-bar a, .header-bar li > span {
            color: #c9c9c9;
            font-size: 12px
        }

            .header-bar a:hover {
                color: #fff
            }

        .header-bar li > span {
            padding: 0 2px;
            color: #c9c9c9
        }

    .header-bar ul, .header-bar li {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

        .header-bar li .smlico-wx {
            background-position: 0 0;
            height: 20px;
            width: 22px;
            position: relative;
            top: 5px
        }

        .header-bar li .smlico-wb {
            background-position: 0 -22px;
            height: 20px;
            width: 25px;
            position: relative;
            top: 5px
        }

        .header-bar li .smlico-bd {
            background-position: 0 -70px;
            height: 20px;
            width: 20px;
            position: relative;
            top: 5px
        }

        .header-bar li .smlico-sy {
            background-position: -90px 0;
            height: 20px;
            width: 20px;
            position: relative;
            top: 5px
        }

        .header-bar li .smlico-sytxt {
            color: #fff
        }

    .header-bar .bar-left {
        float: left
    }

        .header-bar .bar-left li {
            float: left
        }

    .header-bar .bar-right {
        float: right
    }

.topwx {
    position: relative;
    cursor: pointer
}

    .topwx .wxpic {
        display: none;
        width: 120px;
        position: absolute
    }

        .topwx .wxpic img {
            width: 100%
        }

    .topwx.on .wxpic {
        display: block
    }

.hearder-top {
    height: 118px;
    background: #fff
}

    .hearder-top .con-conter {
        padding-top: 10px
    }

    .hearder-top h1 {
        position: relative;
        float: left;
        margin: 14px 12px 0 0
    }

        .hearder-top h1 .img-ico {
            position: absolute;
            top: 0;
            right: 0
        }

        .hearder-top h1 a img {
            width: auto;
            height: 72px
        }

    .hearder-top h2 {
        margin: 0 0 8px 0;
        font-size: 22px;
        font-weight: bold
    }

        .hearder-top h2 span {
            display: inline-block;
            padding-left: 14px;
            font-weight: normal;
            font-size: 16px
        }

    .hearder-top .abstract {
        font-size: 14px;
        font-weight: normal;
        float: left;
        padding-left: 12px;
        margin: 14px 0 0 8px;
        border-left: 2px solid #a8a8a8
    }

.con-conter .fr h6 {
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    margin-bottom: 8px;
}

.hearder-top .phone-r {
    display: inline-block;
    padding: 10px 0
}

.hearder-top li > div {
    display: inline-block;
}

.hearder-top .phone-pic {
    position: absolute;
    left: -40px;
    top: 8px;
    width: 32px;
    height: 32px;
    background-size: 65px;
    background-position: -14px -4px
}

.hearder-top .phone-txt .big {
    color: #e27502;
    font-size: 24px;
    padding-bottom: 0;
    margin: 0;
    line-height: 30px
}

.hearder-top .phone-txt .sml {
    color: #808080;
    font-size: 14px;
    padding-bottom: 0;
    margin: 0;
    line-height: normal
}

.hearder-top .btn-try {
    margin: 6px 0 0 16px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #eeae1a;
    text-align: center;
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px
}

.hearder-top .phone-tt {
    float: right;
    width: 552px
}

.hearder-top .phone-top {
    margin-right: 12px;
    background: url(../img/phone.jpg) no-repeat right 12px;
    height: 39px;
    margin-bottom: 5px;
    font-size: 20px;
    color: #ff7f02;
    font-style: italic;
    font-weight: bold
}

.hearder-top .phone-bottom {
    float: right
}

    .hearder-top .phone-bottom span {
        font-size: 12px;
        padding: 0 0 0 10px;
        color: #9a9999;
        line-height: 22px
    }

    .hearder-top .phone-bottom .big {
        font-size: 14px;
        font-weight: bold
    }

.current1 {
    background: #226fcc;
    color: #fff
}

.nav-bar {
    width: 100%;
    background: #4f94e7;
    min-width: 1180px;
    position: relative
}

ul.nav2 > li a.current {
    background: #052750
}

ul.nav2 li {
    line-height: 62px;
    height: 62px
}

ul.nav2 > li {
    float: left
}

ul.nav2 li h3 {
    font-weight: normal;
    font-size: 16px !important;
    position: relative;
    z-index: 2
}

    ul.nav2 li h3 i.wd_ico {
        top: 10px;
        right: -8px;
        position: absolute;
        width: 26px;
        height: 20px;
        display: block;
        background: url(../img/hurong_child.png) no-repeat
    }

ul.nav2 > li > h3 a {
    font-size: 18px;
    color: #fff;
    line-height: 62px;
    height: 62px;
    display: block;
    padding: 0 30px;
    text-align: center
}

ul.nav2 > li.navhovers > h3 a {
    color: #fff;
    position: relative
}

    ul.nav2 > li.navhovers > h3 a i.hot_ico {
        top: 10px;
        right: 14px;
        position: absolute;
        width: 26px;
        height: 20px;
        display: block;
        background: url(../img/hotico.png) no-repeat
    }

.header-bar li {
    position: relative;
    padding: 0 14px;
}

    .header-bar li .linspan {
        position: absolute;
        right: -4px;
        top: -1px;
    }

ul.nav2 > li > ul {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
    -moz-box-shadow: 0 0 3px #909090;
    -webkit-box-shadow: 0 0 3px #909090;
    box-shadow: 0 0 3px #909090
}

ul.nav2 > li.navhovers .topbar-dropdown-box {
    height: 430px
}

    ul.nav2 > li.navhovers .topbar-dropdown-box .item {
        float: none;
        width: auto;
        margin: 0;
        padding-top: 10px
    }

        ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li {
            margin: 0
        }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box {
                margin: 0;
                width: 210px;
                float: left;
                margin: 20px 0 0 30px;
                height: 75px;
                line-height: 75px;
                border-radius: 5px;
                overflow: hidden
            }

                ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box a {
                    height: 75px;
                    line-height: 75px;
                    font-size: 20px;
                    font-weight: bold
                }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box1 a {
                background: #ff8e24
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box2 a {
                background: #f6c03d
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box3 a {
                background: #4ec7fe
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box4 a {
                background: #9186ff
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box5 a {
                background: #ff7271
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box6 a {
                background: #9186ff
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box7 a {
                background: #41c4ff
            }

            ul.nav2 > li.navhovers .topbar-dropdown-box .item ul li.box8 a {
                background: #26ba98
            }

ul.nav2 > li > a {
    font-size: 18px;
    color: #fff;
    padding: 0 30px;
    line-height: 62px;
    height: 52px;
    display: inline-block
}

ul.nav2 > li > ul > li {
    width: 100%;
    border-bottom: 1px dotted #d2d2d2;
    text-align: center;
    line-height: 36px;
    height: 36px
}

ul.nav2 > li > ul {
    position: absolute;
    top: 62px;
    left: 50%;
    width: 150px;
    margin-left: -75px
}

    ul.nav2 > li > ul > li a {
        line-height: 30px;
        height: 30px;
        font-size: 14px;
        padding: 0
    }

ul > li > ul {
    display: none;
    position: absolute
}

ul > li.on > ul {
    display: block
}

ul.nav2 li {
    z-index: 8888
}

ul.nav2 > li > ul > li ul {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
    -moz-box-shadow: 0 0 3px #909090;
    -webkit-box-shadow: 0 0 3px #909090;
    box-shadow: 0 0 3px #909090;
    background: #fff;
    position: absolute;
    top: 0;
    right: -200px
}

ul.nav2 > li > ul > li > ul > li {
    border-bottom: 1px dotted #d2d2d2;
    width: 200px;
    text-align: center
}

ul.nav2 span.sub {
    display: block;
    position: absolute;
    right: -15px;
    top: 5px;
    width: 37px;
    height: 19px;
    background: url(../img/hot.png) no-repeat
}

ul.nav2 li.first h3 a {
    padding-left: 0;
}

ul.nav2 li.last h3 a {
    padding-right: 0;
}

.nav-bar-pro {
    background: #ffbf43
}

    .nav-bar-pro ul.nav2 > li > h3 a {
        color: #333
    }

    .nav-bar-pro ul.nav2 > li a.current {
        background: #fff
    }

.topbar-dropdown-box {
    position: absolute;
    height: 310px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    -moz-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    -o-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    padding-bottom: 30px;
    z-index: 998;
    display: none;
    left: 0;
    right: 0
}

    .topbar-dropdown-box .con-conter {
        position: relative
    }

    .topbar-dropdown-box .item_pos {
        position: absolute;
        top: 250px
    }

    .topbar-dropdown-box .item_pos {
        position: absolute;
        top: 242px
    }

    .topbar-dropdown-box .item_pos1 {
        left: 202px;
        top: 160px
    }

    .topbar-dropdown-box .item_pos2 {
        left: 404px;
        top: 200px
    }

    .topbar-dropdown-box .item_pos3 {
        left: 718px;
        top: 160px
    }

    .topbar-dropdown-box .item_pos4 {
        right: -10px;
        top: 162px
    }

    .topbar-dropdown-box .item_pos5 {
        left: 0;
        top: 280px
    }

    .topbar-dropdown-box .item_pos6 {
        right: 16px;
        top: 160px
    }

    .topbar-dropdown-box .item {
        float: left;
        width: 155px;
        margin-right: 50px
    }

        .topbar-dropdown-box .item.last {
            margin: 0
        }

        .topbar-dropdown-box .item h2 {
            text-align: center;
            margin: 0;
            color: #fff;
            font-size: 16px;
            padding: 10px 0 10px;
            line-height: 30px
        }

        .topbar-dropdown-box .item ul li {
            margin: 0 0 6px;
            height: 34px
        }

            .topbar-dropdown-box .item ul li a {
                position: relative;
                color: #303339;
                font-size: 14px;
                display: block;
                background: #f4f9ff;
                line-height: 34px;
                text-align: center;
                padding: 0;
                height: 34px
            }

                .topbar-dropdown-box .item ul li a:hover {
                    background: #4f94e7;
                    color: #fff
                }

        .topbar-dropdown-box .item h2 {
            clear: both
        }

            .topbar-dropdown-box .item h2 span {
                position: relative;
                color: #333;
                font-weight: 600;
                cursor: default
            }

            .topbar-dropdown-box .item h2 i.wd_ico {
                top: -12px;
                right: -20px;
                position: absolute;
                width: 26px;
                height: 20px;
                display: block;
                background: url(../img/hurong_child.png) no-repeat
            }

            .topbar-dropdown-box .item h2 i.hot_ico {
                top: -10px;
                right: -25px;
                position: absolute;
                width: 26px;
                height: 20px;
                display: block;
                background: url(../img/hotico.png) no-repeat
            }

        .topbar-dropdown-box .item ul li i.hot_ico {
            top: -4px;
            right: -8px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hotico.png) no-repeat
        }
/*2010.3.10新加导航样式*/
.downThree, .downSix {
    display: none;
}

.topbar-dropdownthree .item {
    width: 100%;
}

    .topbar-dropdownthree .item h2 {
        text-align: left;
        padding: 6px 20px;
    }

    .topbar-dropdownthree .item:nth-of-type(2) h2, .topbar-dropdownthree .item:nth-of-type(3) h2 {
        margin-top: -12px;
    }

    .topbar-dropdownthree .item ul li {
        width: 272px;
        height: 65px;
        float: left;
        margin-right: 30px;
        margin-bottom: 12px;
    }

        .topbar-dropdownthree .item ul li.rightNone {
            margin-right: 0;
        }

        .topbar-dropdownthree .item ul li a {
            height: 65px;
            padding: 0 20px;
            text-align: left;
        }

        .topbar-dropdownthree .item ul li h3 {
            line-height: 48px;
            font-size: 16px !important;
        }

        .topbar-dropdownthree .item ul li p {
            line-height: 12px;
            font-size: 12px;
            color: #303339;
            opacity: 0.7;
            margin-top: -8px
        }

        .topbar-dropdownthree .item ul li:hover p {
            color: #fff;
            opacity: 1
        }

.topbar-dropdownone {
    position: absolute;
    height: 480px;
    width: 100%;
    /*background-color:#3177cb;*/
    /*background-color:rgba(49,119,203,0.9);*/
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    -moz-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    -o-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    padding-bottom: 20px;
    z-index: 998;
    display: none;
    left: 0;
    right: 0
}

    .topbar-dropdownone .item {
        width: 100%;
    }

        .topbar-dropdownone .item.last {
            margin: 0
        }

        .topbar-dropdownone .item h2 {
            text-align: left;
            padding: 6px 20px;
        }

        .topbar-dropdownone .item ul li {
            width: 272px;
            height: 65px;
            float: left;
            margin-right: 30px;
            margin-bottom: 12px;
        }

            .topbar-dropdownone .item ul li a {
                height: 65px;
                padding: 0 20px;
                text-align: left;
            }

            .topbar-dropdownone .item ul li p {
                line-height: 12px;
                font-size: 12px;
                color: #303339;
                opacity: 0.7;
                margin-top: -8px
            }

            .topbar-dropdownone .item ul li h3 {
                line-height: 48px;
                font-size: 16px !important;
            }

            .topbar-dropdownone .item ul li:hover p {
                color: #fff;
                opacity: 1
            }

            .topbar-dropdownone .item ul li.rightNone {
                margin-right: 0;
            }

            .topbar-dropdownone .item ul li a:hover {
                background: #4f94e7;
                color: #fff
            }

        .topbar-dropdownone .item h2 a {
            position: relative;
            color: #ffe400;
            font-weight: normal;
            cursor: default;
            height: 30px;
            line-height: 30px;
            font-size: 16px
        }

        .topbar-dropdownone .item h2 i.wd_ico {
            top: -12px;
            right: -20px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hurong_child.png) no-repeat
        }

        .topbar-dropdownone .item h2 i.hot_ico {
            top: -10px;
            right: -25px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hotico.png) no-repeat
        }

        .topbar-dropdownone .item ul li i.hot_ico {
            top: -2px;
            right: -8px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hotico.png) no-repeat
        }

.anli li {
    width: 344px;
    float: left;
    position: relative;
    border: 3px solid #ddd;
    border-radius: 5px;
    margin-left: 25px;
}

    .anli li span {
        background: rgba(0, 0, 0, 0.6);
        color: #FFF;
        font-weight: bold;
        width: 100%;
        height: 30px;
        line-height: 30px;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
    }

.inHezuo {
    clear: both;
    display: block;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

    .inHezuo ul {
        clear: both;
        display: block;
        overflow: hidden;
        margin-top: 30px;
    }

    .inHezuo .con li:nth-child(5n+0) {
        margin-right: 0;
    }

    .inHezuo li {
        float: left;
        width: 226px;
        height: 95px;
        background: #fff;
        border: 1px solid #eee;
        padding-top: 23px;
        margin: 0 12px 10px 0;
    }

        .inHezuo li img {
            margin: 0 auto;
            display: block;
        }


.topbar-dropdowntwo {
    background-color: #3177cb;
    background-color: rgba(49,119,203,0.9);
    overflow: hidden;
    -webkit-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    -moz-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    -o-transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    transition: height .2s cubic-bezier(0,0,0.2,1) .2s;
    padding-bottom: 20px;
    z-index: 998;
    position: absolute;
    display: none;
    width: 100%;
    padding: 0 20px;
    left: -40px;
    height: 188px
}

    .topbar-dropdowntwo .item ul li i.hot_ico {
        top: -2px;
        right: 4px;
        position: absolute;
        width: 26px;
        height: 20px;
        display: block;
        background: url(../img/hotico.png) no-repeat
    }

    .topbar-dropdowntwo .item {
        width: 100%;
        overflow: hidden
    }

        .topbar-dropdowntwo .item.last {
            margin: 0
        }

        .topbar-dropdowntwo .item h2 {
            text-align: left;
            margin: 0;
            color: #fff;
            font-size: 16px;
            padding: 20px 0 10px 50px;
            line-height: 30px
        }

        .topbar-dropdowntwo .item ul {
            float: left;
            display: inline-block;
            padding-left: 40px
        }

            .topbar-dropdowntwo .item ul li {
                margin: 0 0 6px;
                height: 34px;
                float: left;
                display: inline-block;
                padding: 0 10px
            }

                .topbar-dropdowntwo .item ul li a {
                    position: relative;
                    color: #fff;
                    font-size: 14px;
                    display: block;
                    background: #316eb9;
                    line-height: 34px;
                    text-align: center;
                    padding: 0;
                    height: 34px;
                    width: 158px
                }

                    .topbar-dropdowntwo .item ul li a:hover {
                        background: #fff;
                        color: #333
                    }

        .topbar-dropdowntwo .item h2 a {
            position: relative;
            color: #ffe400;
            font-weight: normal;
            cursor: default;
            height: 30px;
            line-height: 30px;
            font-size: 16px
        }

        .topbar-dropdowntwo .item h2 i.wd_ico {
            top: -12px;
            right: -20px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hurong_child.png) no-repeat
        }

        .topbar-dropdowntwo .item h2 i.hot_ico {
            top: -10px;
            right: -25px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hotico.png) no-repeat
        }

        .topbar-dropdowntwo .item ul li i.hot_ico {
            top: -8px;
            right: -12px;
            position: absolute;
            width: 26px;
            height: 20px;
            display: block;
            background: url(../img/hotico.png) no-repeat
        }

.topbar-dropdown-boxfive .item {
    margin-right: 95px
}

.topbar-dropdown-boxfore .item {
    margin-right: 162px
}

.topbar-dropdownFour {
    height: auto;
}

    .topbar-dropdownFour .item {
        float: right;
        margin-right: 240px;
        padding-top: 20px;
    }

    .topbar-dropdownFour ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

.topbar-dropdown-boxProdct.topbar-dropdownFour ul li {
    margin: 0 12px;
    padding-top: 20px;
}

.topbar-dropdownFour ul li {
    padding-top: 20px;
    margin: 0 40px;
    text-align: center;
    color: #fff;
    height: auto;
    cursor: pointer;
}

    .topbar-dropdownFour ul li a {
        color: #303339;
    }

    .topbar-dropdownFour ul li .dzkficn {
        display: inline-block;
        width: 114px;
        height: 114px;
        background: url(../img/dzkficon.png) no-repeat;
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
    }

    .topbar-dropdownFour ul li .dzkficn2 {
        background-position: -116px 0;
    }

    .topbar-dropdownFour ul li .dzkficn3 {
        background-position: -232px 0;
    }

    .topbar-dropdownFour ul li .dzkficn4 {
        background-position: -348px 0;
    }

    .topbar-dropdownFour ul li:hover a {
        color: #076fd0;
    }

    .topbar-dropdownFour ul li:hover .dzkficn {
        background-position: 0 -125px;
    }

    .topbar-dropdownFour ul li:hover .dzkficn2 {
        background-position: -116px -125px;
    }

    .topbar-dropdownFour ul li:hover .dzkficn3 {
        background-position: -232px -125px;
    }

    .topbar-dropdownFour ul li:hover .dzkficn4 {
        background-position: -348px -125px;
    }

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn {
    display: inline-block;
    width: 115px;
    ;
    height: 114px;
    background: url(../img/iconAll.png) no-repeat;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn2 {
    background-position: -116px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn3 {
    background-position: -233px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn4 {
    background-position: -350px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn5 {
    background-position: -467px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn6 {
    background-position: -584px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn7 {
    background-position: -701px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li .dzkficn8 {
    background-position: -818px 0;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn {
    background-position: 0 -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn2 {
    background-position: -116px -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn3 {
    background-position: -233px -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn4 {
    background-position: -350px -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn5 {
    background-position: -467px -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn6 {
    background-position: -584px -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn7 {
    background-position: -701px -115px;
}

.topbar-dropdownFour.topbar-dropdown-boxProdct ul li:hover .dzkficn8 {
    background-position: -818px -115px;
}

.topbar-dropdownFour ul li h6 {
    margin: 10px 0 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.topbar-dropdownFour ul li p {
    width: 210px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
}

.topbar-dropdownbig {
    height: 350px
}

    .topbar-dropdownbig .item ul li a {
        width: 168px
    }

.wrap-banner {
    min-width: 1180px;
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative
}

.flexslider {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    zoom: 1
}

.flex-viewport {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.flexslider .slides {
    zoom: 1;
    height: 450px
}

.flex-direction-nav .flex-prev {
    left: 0
}

.flexslider:hover .flex-next {
    opacity: .8;
    filter: alpha(opacity=25)
}

.flexslider:hover .flex-prev {
    opacity: .8;
    filter: alpha(opacity=25)
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50)
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center
}

    .flex-control-nav li {
        margin: 0 5px;
        display: inline-block;
        zoom: 1;
        *display: inline
    }

.flex-control-paging li a {
    background: #ddd;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -99em;
    width: 15px;
    cursor: pointer;
    border-radius: 50px
}

    .flex-control-paging li a.flex-active {
        background: #e25353
    }

.tempWrap {
    width: 100% !important;
}

.slides li {
    width: 100%;
    height: 450px;
    _float: left;
    background-size: contain;
}

    .slides li a {
        width: 100%;
        height: 450px;
        display: inline-block
    }

.slides .li_1 {
    background: url(../img/banner_jb.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_2 {
    background: url(../img/BTV.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_3 {
    background: url(../img/banner.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_4 {
    background: url(../img/banner4.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_5 {
    background: url(../img/banner5.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_6 {
    background: url(../img/banner6.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_7 {
    background: url(../img/banner7.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_8 {
    background: url(../img/banner1.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_9 {
    background: url(../img/banner8.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_10 {
    background: url(../img/banner9.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_11 {
    background: url(../img/banner1.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_12 {
    background: url(../img/banner12.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_13 {
    background: url(../img/banner13.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_14 {
    background: url(../img/banner14.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_14n {
    background: url(../img/banner14n.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_15 {
    background: url(../img/banner15.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_15n {
    background: url(../img/banner15n.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_16 {
    background: url(../img/banner16.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_17 {
    background: url(../img/banner17.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_18 {
    background: url(../img/banner18.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_19 {
    background: url(../img/banner19.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_20 {
    background: url(../img/bannerxjd.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_21 {
    background: url(../img/tradnum/banner.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_22 {
    background: url(../img/banner22.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_23 {
    background: url(../img/bannernumchain.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_24 {
    background: url(../img/bannertrad.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_25 {
    background: url(../img/bannerjiu.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_xf {
    background: url(../img/bannerxf.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_year {
    background: url(../img/banneryear.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_ztph {
    background: url(../img/bannerztph.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_newxjd {
    background: url(../img/banner_newxjd.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_changwu {
    background: url(../img/banner_changwu.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_hyacinth {
    background: url(../img/hyacinth.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_bannerytf {
    background: url(../img/banner_ytf.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_soft {
    background: url(../img/bannerSoft.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_yi {
    background: url(../img/banneryi.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_exchange {
    background: url(../img/bannerex.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_aaa {
    background: url(../img/bannneraaa.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_home {
    background: url(../img/lihome.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_santi {
    background: url(../img/lisantiber.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_blockmak {
    background: url(../img/blockbner.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_sqdb {
    background: url(../img/sqdbber.jpg) center 0 no-repeat;
    background-size: contain
}

.slides .li_first {
    background: url(../img/lifirst.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_izuyun {
    background: url(../img/uzybner.png) center 0 no-repeat;
    background-size: contain
}

.slides .li_thankful {
    background: url(../img/lithankful.jpg) center 0 no-repeat;
}

.li_trm7 {
    background: url(../img/trnm7.png) center 0 no-repeat;
    background-size: contain
}

.li_nyr {
    background: url(../img/bannernyr.jpg) center 0 no-repeat;
    background-size: contain
}

.li_xjd {
    background: url(../img/bnexjd.jpg) center 0 no-repeat;
    background-size: contain
}

.li_xdxt {
    background: url(../img/bnexdt.png) center 0 no-repeat;
    background-size: contain
}

.li_dbxt {
    background: url(../img/bnedb.jpg) center 0 no-repeat;
    background-size: contain
}

.li_xfjr {
    background: url(../img/bnexfjr.jpg) center 0 no-repeat;
    background-size: contain
}

.li_srz {
    background: url(../img/bnesrz.jpg) center 0 no-repeat
}

.li_rxdw {
    background: url(../img/banner1.png) center 0 no-repeat
}

.li_xcx {
    background: url(../img/xcxBanner.png) center 0 no-repeat
}

.li_safe {
    background: url(../img/bannerSafe.jpg) center 0 no-repeat
}

.li_sec {
    background: url(../img/safeBanner.jpg) center 0 no-repeat
}

.li_shoes {
    background: url(../img/shoesBanner.png) center 0 no-repeat
}

.li_chain {
    background: url(../img/chainBanner.jpg) center 0 no-repeat
}

.li_start {
    background: url(../img/startBanner.jpg) center 0 no-repeat;
}

.li_4A {
    background: url(../img/4A.jpg) center bottom no-repeat;
}

.li_member {
    background: url(../img/member.jpg) center bottom no-repeat;
}

.li_tort {
    background: url(../img/tortBanner.jpg) center bottom no-repeat;
}

.import_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 13px;
}

    .import_table tr,
    .import_table td {
        border-style: solid;
        border-width: 1px;
        border-color: #9dc3e5;
        background: #f4faff;
    }

    .import_table thead td {
        font-weight: bold;
        color: #fff;
        font-size: 15px;
        white-space: nowrap;
        text-align: center;
        background-color: #5a9bd5;
        padding: 20px;
    }

    .import_table td {
        padding: 10px;
        text-align: left;
    }

.wrap-banner-ex .flex-control-paging li a {
    width: 20px;
    height: 20px
}

    .wrap-banner-ex .flex-control-paging li a.flex-active {
        background: #4f94e7
    }

.wrap-banner-ex .flex-control-nav {
    width: 1180px;
    left: 50%;
    margin-left: -590px;
    text-align: left
}

.slides .li_ex1 {
    background: url(../img/extrad/exbanner1.jpg) center 0 no-repeat
}

.slides .li_ex2 {
    background: url(../img/extrad/exbanner2.jpg) center 0 no-repeat
}

.new-ad {
    background: #f2f1f1
}

.com-newlist {
    height: 47px;
    line-height: 47px;
    padding: 10px 0;
    position: relative
}

.new-ad .ad-title {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #595656;
    height: 49px;
    margin: 0 10px 0 0
}

.new-ad .more {
    margin-top: 12px;
    color: #666;
    position: absolute;
    right: 0;
    top: -12px
}

    .new-ad .more a {
        color: #595656
    }

.rengzhengPic {
}

    .rengzhengPic ul {
        width: 1185px;
        height: 231px;
        background: url(../img/renzheng.jpg) no-repeat;
        margin: 0 auto;
        padding-top: 16px;
    }

        .rengzhengPic ul li {
            float: left;
            text-align: left;
            padding-left: 40px;
            margin-right: 30px;
        }

            .rengzhengPic ul li:last-child {
                margin-right: 0;
                padding-left: 42px;
            }

            .rengzhengPic ul li h3 {
                font-size: 16px;
                color: #333333;
                font-weight: 600;
                margin-bottom: 3px;
            }

            .rengzhengPic ul li p {
                font-size: 14px;
                color: #666666;
            }

.main-conter {
    width: 100%;
    overflow: hidden
}

.qimo8 {
    overflow: hidden;
    width: 1050px;
    line-height: 47px
}

    .qimo8 .qimo {
        width: 8000%;
        height: 47px
    }

        .qimo8 .qimo div {
            float: left
        }

        .qimo8 .qimo ul {
            float: left;
            height: 47px;
            overflow: hidden;
            zoom: 1
        }

            .qimo8 .qimo ul li {
                float: left;
                line-height: 47px;
                list-style: none;
                margin-right: 40px;
                font-size: 14px;
                color: #595656
            }

                .qimo8 .qimo ul li em {
                    font-style: normal;
                    margin-right: 12px
                }

                .qimo8 .qimo ul li a {
                    color: #595656
                }

                    .qimo8 .qimo ul li a:hover {
                        text-decoration: underline
                    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #428bca;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            color: #2a6496;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999;
        cursor: not-allowed;
        background-color: #fff;
    }

a {
    outline: none;
}

    a:active {
        star: expression(this.onFocus=this.blur());
    }

.con-conter-title {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #cfcdcd;
    height: 42px;
    padding-top: 40px
}

    .con-conter-title b {
        font-size: 24px;
        color: #323131;
        border-bottom: 1px solid #8dc2ee;
        font-weight: normal;
        padding-bottom: 10px
    }

.con-conter-downtxt {
    text-align: center;
    font-size: 16px;
    padding: 20px 0 0
}

.feature-box ul {
    padding: 20px 0;
    text-align: center
}

.feature-box li {
    margin-bottom: 20px;
    float: left;
    width: 220px;
    height: 98px;
    padding-top: 26px;
    margin-right: 20px;
    color: #fff;
    line-height: 40px
}

    .feature-box li h4 {
        font-size: 26px;
        font-weight: normal;
        color: #fff
    }

    .feature-box li p {
        font-size: 16px;
        color: #fff
    }

.feature-box .feature1 {
    background: #37a1fa
}

.feature-box .feature2 {
    background: #26ba98
}

.feature-box .feature3 {
    background: #fbc558
}

.feature-box .feature4 {
    background: #e04f5f
}

.feature-box .feature5 {
    background: #25b7d3
}

.feature-box .feature6 {
    background: #25b7d3
}

.feature-box .feature7 {
    background: #e04f5f
}

.feature-box .feature8 {
    background: #37a1fa
}

.feature-box .feature9 {
    background: #26ba98
}

.feature-box .feature10 {
    background: #fabc3d
}

.greybgf2 {
    background: #e4e2e2
}

.allproduct {
    padding: 20px 0;
    overflow: hidden
}

.ap_item {
    width: 280px;
    height: 244px;
    float: left;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 10px
}

    .ap_item .ap_item_link {
        display: block;
        background: #fff;
        padding: 34px 0 30px;
        text-align: center;
        height: 180px
    }

        .ap_item .ap_item_link h4 {
            font-size: 28px;
            font-weight: normal;
            padding-top: 10px;
            color: #151515
        }

        .ap_item .ap_item_link img {
            width: 114px;
            height: 114px
        }

    .ap_item .app_item_over {
        width: 280px;
        height: 184px;
        padding: 30px 0;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0
    }

    .ap_item .app_item_out {
        width: 280px;
        height: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden
    }

    .ap_item .app_item_over li {
        display: inline-block;
        padding-left: 20px
    }

    .ap_item .app_item_over a {
        color: #fff;
        font-size: 14px
    }

        .ap_item .app_item_over a > i {
            width: 12px;
            height: 20px;
            background-position: 0 -50px;
            position: relative;
            top: 9px;
            margin-right: 2px
        }

    .ap_item .hoverbg1 {
        background-color: #f69102;
        line-height: 32px;
        height: 214px;
        padding: 10px 0 20px
    }

    .ap_item .hoverbg2 {
        background-color: #72c32d;
        line-height: 34px;
        padding-top: 14px;
        height: 200px
    }

    .ap_item .hoverbg3 {
        background-color: #00a9e7;
        text-align: center;
        height: 196px;
        padding-top: 20px
    }

    .ap_item .hoverbg4 {
        background-color: #7f48fb
    }

    .ap_item .hoverbg5 {
        background-color: #01bc91
    }

    .ap_item .hoverbg6 {
        background-color: #37a1fa
    }

    .ap_item .hoverbg7 {
        background-color: #ff6004;
        height: 198px;
        padding-top: 16px
    }

    .ap_item .hoverbgq {
        background-color: #ff4948
    }

        .ap_item .hoverbgq li {
            padding-left: 66px;
            line-height: 36px
        }

    .ap_item .hoverbg1 li {
        display: block;
        float: left;
        padding-left: 66px
    }

    .ap_item .hoverbg2 li {
        padding-left: 80px
    }

    .ap_item .hoverbg3 li {
        padding-left: 60px;
        line-height: 30px;
        text-align: left;
        float: left
    }

    .ap_item .hoverbg4 li {
        padding-left: 80px;
        line-height: 30px;
        margin-top: 0
    }

    .ap_item .hoverbg5 li {
        padding-left: 82px;
        line-height: 50px
    }

    .ap_item .hoverbg6 li {
        padding-left: 60px;
        line-height: 42px
    }

    .ap_item .hoverbg7 li {
        padding-left: 80px;
        line-height: 36px
    }

.accordion {
    width: 1177px;
    overflow: hidden;
    height: 384px;
    margin: 20px auto;
    border: 1px solid #ccc
}

    .accordion ul li {
        background-repeat: no-repeat;
        height: 384px;
        cursor: default;
        width: 6%;
        *width: 5.98%;
        float: left;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .accordion .no-be {
        border-right: 0
    }

    .accordion li:after, .accordion li:before {
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 3;
        background: #ddd;
        content: ''
    }

    .accordion .no-be:after, .accordion .no-be:before {
        width: 0
    }

    .accordion li:before {
        left: -1px
    }

    .accordion li:after {
        right: 0
    }

    .accordion li .inner {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        overflow: hidden
    }

        .accordion li .inner .fold, .accordion li .inner .unfold {
            position: absolute;
            top: 0;
            width: 100%;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

        .accordion li .inner .fold {
            left: 0;
            background-color: #f5f5f5
        }
        /*.accordion li .inner .fold img {*/
        /*width:70px;*/
        /*height:383px*/
        /*}*/
        .accordion li .inner .fold {
            width: 70px;
            height: 383px;
            background-position: 0 -54px;
        }

        .accordion li .inner .fold2 {
            background-position: -71px -54px;
        }

        .accordion li .inner .fold3 {
            background-position: -145px -54px;
        }

        .accordion li .inner .fold4 {
            background-position: -215px -54px;
        }

        .accordion li .inner .fold5 {
            background-position: -285px -54px;
        }

        .accordion li .inner .fold6 {
            background-position: -360px -54px;
        }

        .accordion li .inner .fold7 {
            background-position: -430px -54px;
        }

        .accordion li .inner .fold8 {
            background-position: -501px -54px;
        }

        .accordion li .inner .unfold {
            left: 100%;
            height: 100%
        }

    .accordion li.active {
        width: 58%;
        background: #fff
    }

        .accordion li.active .fold {
            left: -100%
        }

        .accordion li.active .unfold {
            left: 0
        }

    .accordion ul li .fold em {
        top: 0;
        position: absolute;
        color: #fff;
        background-position: -25px -70px;
        width: 62px;
        height: 38px;
        left: 4px;
        text-align: center;
        font-style: normal
    }

    .accordion ul li .unfold .contit {
        font-size: 30px;
        display: block;
        padding: 20px 20px 40px 80px
    }

    .accordion ul li .unfold .desc {
        font-size: 16px;
        padding: 0 0 0 80px
    }

    .accordion ul li .unfold .btn-detail {
        display: block;
        margin-top: 50px;
        width: 106px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border: 1px solid #eee;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-left: 20px
    }

    .accordion li.active .unfold .indexicon2 {
        display: block;
    }

    .accordion .unfold .indexicon2 {
        display: none;
        width: 258px;
        height: 183px;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .accordion ul .con1 .indexicon2 {
        background-position: 0 -452px;
    }

    .accordion ul .con2 .indexicon2 {
        background-position: -547px -577px;
    }

    .accordion ul .con3 .indexicon2 {
        height: 267px;
        background-position: -588px 10px;
    }

    .accordion ul .con4 .indexicon2 {
        height: 267px;
        background-position: -584px -278px;
    }

    .accordion ul .con5 .indexicon2 {
        background-position: -264px -452px;
    }

    .accordion ul .con6 .indexicon2 {
        width: 310px;
        height: 272px;
        background-position: -866px -2px;
    }

    .accordion ul .con7 .indexicon2 {
        width: 310px;
        height: 272px;
        background-position: -866px -285px;
    }

    .accordion ul .con8 .indexicon2 {
        background-position: -827px -567px;
    }

    .accordion ul .unfold i {
        display: inline-block;
        width: 62px;
        height: 38px;
        background: url(../img/number.png) no-repeat
    }

    .accordion ul .unfold .bg-one {
        background-position: 0 0
    }

    .accordion ul .unfold .bg-two {
        background-position: -67px 0
    }

    .accordion ul .unfold .bg-three {
        background-position: -134px 0
    }

    .accordion ul .unfold .bg-four {
        background-position: -201px 0
    }

    .accordion ul .unfold .bg-five {
        background-position: -268px 0
    }

    .accordion ul .unfold .bg-six {
        background-position: -335px 0
    }

    .accordion ul .unfold .bg-seven {
        background-position: -402px 0
    }

    .accordion ul .unfold .bg-eight {
        background-position: -469px 0
    }

.phonead {
    background: url(../img/phonead1.png) no-repeat center;
    width: 100%;
    height: 480px;
    overflow: hidden
}

    .phonead .con-conter {
        position: relative
    }

    .phonead .pad01 {
        position: absolute;
        background: url(../img/phonead1.png) no-repeat;
        width: 164px;
        height: 330px;
        left: 0;
        top: 50px
    }

    .phonead .pad02 {
        position: absolute;
        background: url(../img/phonead2.png) no-repeat;
        width: 166px;
        height: 336px;
        left: 164px;
        top: 50px
    }

    .phonead .pad03 {
        position: absolute;
        background: url(../img/phonead3.png) no-repeat;
        width: 166px;
        height: 336px;
        left: 330px;
        top: 50px
    }

    .phonead .pad04 {
        position: absolute;
        background: url(../img/phonead4.png) no-repeat;
        width: 170px;
        height: 336px;
        left: 496px;
        top: 50px
    }

    .phonead .pad05 {
        position: absolute;
        background: url(../img/phonead5.png) no-repeat center;
        width: 100%;
        height: 419px;
        right: 0;
        top: 10px
    }

.phonead_conUl {
    background: #fff;
    padding: 10px;
    position: relative;
    height: 330px;
    margin-top: 100px
}

    .phonead_conUl .phonead_btn {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 30px;
        cursor: pointer;
        z-index: 666
    }

    .phonead_conUl .phonead_prev {
        background: url(../img/phoneadprev.png) no-repeat center;
        right: 60px
    }

    .phonead_conUl .phonead_next {
        background: url(../img/phoneadnext.png) no-repeat center
    }

    .phonead_conUl ul {
        overflow: hidden;
        width: 100%
    }

    .phonead_conUl li {
        height: 330px;
        float: left;
        width: 100%
    }

        .phonead_conUl li .left {
            width: 440px;
            float: left;
            height: 330px
        }

        .phonead_conUl li .video1 {
            background: url(../img/phoneadvd1.png) no-repeat center
        }

        .phonead_conUl li .video2 {
            background: url(../img/phoneadvd2.png) no-repeat center
        }

        .phonead_conUl li .left img {
            display: block;
            width: 56px;
            height: 56px;
            margin: 136px auto 0;
            cursor: pointer
        }

        .phonead_conUl li .right {
            width: 632px;
            float: right;
            padding: 40px 16px 0 0
        }

            .phonead_conUl li .right .bt {
                color: #39f;
                font-size: 28px;
                font-weight: normal
            }

            .phonead_conUl li .right .info {
                color: #666;
                font-size: 14px;
                line-height: 30px;
                padding: 30px 0 40px
            }

            .phonead_conUl li .right .button-area a {
                background: #f90;
                color: #fff;
                font-size: 16px;
                border-radius: 5px;
                padding: 10px 30px;
                cursor: pointer
            }

.molds {
    margin: 30px auto 0
}

.om-molds {
    margin: 12px auto 0
}

.mold-con .mold li {
    float: left;
    width: 216px;
    margin-right: 4px;
    text-align: center
}

.mold-con .mold-bg li {
    border: 1px solid #dcdcdc;
    width: 210px;
    padding: 25px 10px 30px;
    height: 396px
}

.mold-con .molds2 li {
    float: left;
    width: 216px
}

.mold-cons .molds3 {
    overflow: hidden;
    height: 180px
}

    .mold-cons .molds3 li {
        border: 0;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0
    }

.mold-cons .more a {
    width: 172px;
    height: 40px;
    text-align: center;
    color: #2c3a4b;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    display: inline-block;
    background: #e7e7e7;
    margin-top: 10px
}

.mold-con .mold li h2 {
    font-size: 18px;
    padding: 20px 0 10px
}

.mold-con .mold li a {
    color: #656565
}

.mold-con .mold li .ends {
    font-size: 14px;
    padding-bottom: 20px;
    text-align: left
}

.genre-img {
    background: url(../img/hot-pro-bg_28.png) no-repeat center 0;
    width: 210px;
    height: 128px
}

.genre-img2 {
    background: url(../img/hot-pro-bg_21.png) no-repeat center 0
}

.genre-img3 {
    background: url(../img/hot-pro-bg_23.png) no-repeat center 0
}

.genre-img4 {
    background: url(../img/hot-pro-bg_25.png) no-repeat center 0
}

.genre-img5 {
    background: url(../img/hot-pro-bg_31.png) no-repeat center 0
}

.com-newGoods {
    padding: 15px;
    margin: 15px auto 10px;
    overflow: hidden
}

.newGoods-bg {
    width: 232px;
    float: left;
    height: 245px;
    background: url(../img/line-bg2.jpg) no-repeat right top;
    padding-top: 25px;
    margin-right: 3px
}

    .newGoods-bg a {
        width: 233px;
        float: left;
        height: 112px
    }

    .newGoods-bg dt {
        width: 230px;
        height: 164px;
        background: url(../img/book_01.png) no-repeat top center
    }

.newGoods-bg2 dt {
    background: url(../img/book_02.jpg) no-repeat top center
}

.newGoods-bg3 dt {
    background: url(../img/book_03.jpg) no-repeat top center
}

.newGoods-bg4 dt {
    background: url(../img/book_04.jpg) no-repeat top center
}

.newGoods-bg5 dt {
    background: url(../img/book_05.jpg) no-repeat top center
}

.newGoods-bg dd {
    width: 232px;
    color: #333;
    text-align: center
}

    .newGoods-bg dd h2 {
        font-size: 18px;
        padding: 8px 0 4px
    }

    .newGoods-bg dd p {
        font-size: 14px;
        padding-left: 48px;
        padding-right: 43px;
        text-align: left
    }

.plat-com {
    position: relative
}

.publicity {
    background: #f2f1f1;
    overflow: hidden;
    margin-top: 00px;
    padding: 10px 0 20px
}

    .publicity dl {
        float: left;
        width: 234px;
        text-align: center;
        background: url(../img/index-bg_27.png) no-repeat right top;
        padding-top: 15px;
        height: 224px
    }

        .publicity dl dd h2 {
            font-size: 18px;
            color: #1d1d1d
        }

        .publicity dl dd p {
            font-size: 16px;
            line-height: 30px;
            text-align: left;
            padding: 10px 10px 0 19px
        }

.mold-con .platform {
    margin: 65px 0 25px;
    overflow: hidden
}

    .mold-con .platform li {
        float: left;
        width: 179px;
        padding: 0;
        border: 0;
        text-align: center;
        padding-top: 190px;
        height: 86px;
        background: url(../img/index-bg_53.png) no-repeat;
        margin-right: 20px
    }

        .mold-con .platform li a {
            display: inline-block;
            width: 179px;
            padding-top: 190px;
            height: 86px
        }

    .mold-con .platform .plat2 {
        background: url(../img/index-bg_55.png) no-repeat
    }

    .mold-con .platform .plat3 {
        background: url(../img/index-bg_57.png) no-repeat
    }

    .mold-con .platform .plat4 {
        background: url(../img/index-bg_59.png) no-repeat
    }

    .mold-con .platform .plat5 {
        background: url(../img/index-bg_61.png) no-repeat
    }

    .mold-con .platform .plat6 {
        background: url(../img/index-bg_63.png) no-repeat
    }

.plat-title {
    position: absolute;
    top: -33px;
    background: url(../img/index-bg_50.png) no-repeat top center;
    left: 50%;
    margin-left: -369px;
    width: 738px;
    height: 111px
}

.mold-con .platform span {
    font-size: 22px;
    color: #ee4424
}

.party ul {
    margin: 10px auto 0
}

.party h2 {
    background: url(../img/index-bg_74.png) no-repeat center 52px;
    font-weight: normal;
    text-align: center;
    font-size: 28px;
    color: #404040;
    padding-top: 36px
}

.party ul {
    margin-top: 10px;
    margin: 10px auto
}

    .party ul li {
        float: left;
        width: 136px;
        height: 54px;
        border: 1px solid #d5d5d5;
        margin: 20px 15px 0 15px
    }

.partent a {
    float: left;
    width: 136px;
    height: 54px;
    border: 1px solid #d5d5d5;
    margin: 0 35px 20px 0
}

.party ul li img {
    height: 100%;
    max-width: 100%
}

.partent.partentli a > img {
    width: 100%;
    height: 100%
}

.party_cusumer ul {
    margin: 10px auto 0
}

.party_cusumer h2 {
    background: url(../img/index-bg_74.png) no-repeat center 52px;
    font-weight: normal;
    text-align: center;
    font-size: 28px;
    color: #404040;
    padding-top: 36px
}

.party_cusumer ul {
    margin-top: 10px;
    margin: 10px auto
}

    .party_cusumer ul li {
        float: left;
        width: 218px;
        height: 80px;
        border: 1px solid #d5d5d5;
        margin: 20px 0 0 16px
    }

        .party_cusumer ul li img {
            height: 100%;
            max-width: 100%
        }

.client h2 {
    background: url(../img/index-bg_88.png) no-repeat right 33px;
    font-weight: normal;
    text-align: center;
    font-size: 28px;
    color: #404040;
    padding-top: 15px
}

.demo {
    width: 1180px;
    margin: 20px auto;
    position: relative
}

    .demo h2 {
        font-size: 16px;
        height: 44px;
        color: #36c;
        margin-top: 20px
    }

    .demo dl dt {
        font-size: 14px;
        color: #f60;
        margin-top: 40px
    }

    .demo dl dt, .demo dl dd {
        line-height: 22px
    }

#work .item {
    font-size: 14px;
    width: 500px;
    height: 480px;
    overflow: hidden;
    float: left;
    margin: 0 60px 50px 0
}

    #work .item .title {
        color: #006eba;
        font-size: 24px;
        padding: 20px 0;
        text-align: center
    }

.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
    width: 500px;
    height: 256px;
    border: 1px solid #ccc
}

#work .item .u-clearfix {
    margin: 10px 0;
    overflow: hidden
}

#work .item .url {
    float: left;
    font-size: 14px;
    color: #08c
}

#work .item .investors strong {
    color: #d14654
}

#work .item .investors {
    float: right;
    color: #999
}

#work .item .description {
    line-height: 1.5;
    color: #999
}

.scrollbox {
    position: relative;
    width: 1180px;
    height: 234px;
    overflow: hidden
}

    .scrollbox ul {
        position: absolute;
        left: 0;
        top: 0;
        padding-left: 20px
    }

    .scrollbox li {
        float: left;
        width: 1180px;
        height: 58px;
        overflow: hidden;
        padding: 10px 0
    }

        .scrollbox li a {
            float: left;
            display: inline-block;
            width: 186px;
            height: 58px;
            overflow: hidden;
            margin-right: 50px
        }

            .scrollbox li a img {
                display: block;
                width: 184px;
                height: 56px;
                border: 1px solid #d5d5d5
            }

.six-main {
    margin: 30px auto 20px
}

    .six-main h2 {
        text-align: center;
        font-size: 32px;
        line-height: 65px
    }

        .six-main h2 span {
            color: #f00
        }

.six-conter {
    padding: 0 30px 0 0
}

.six-main .six-con {
    font-size: 18px;
    text-indent: 2em;
    line-height: 35px
}

.six-main .six-con2 {
    line-height: 52px;
    margin-top: 20px;
    font-size: 18px;
    background: #3bc086;
    color: #fff;
    padding-left: 20px
}

.six-main .six-con3 {
    text-indent: 0;
    margin-top: 20px
}

.six-main h3 {
    font-size: 20px;
    margin-top: 20px
}

.six-main .six-bg {
    text-align: center
}

    .six-main .six-bg img {
        padding-left: 120px
    }

.six-main table {
    width: 100%
}

.six-main tr {
    line-height: 35px
}

    .six-main tr td {
        padding: 0 5px;
        font-size: 13px
    }

.moible-bg h2 {
    background: url(../img/phone-bg-01.png) no-repeat left 33px
}

.con-weixin {
    padding-top: 40px
}

.moible-bg ul {
    float: left;
    width: 300px;
    padding-top: 10px
}

    .moible-bg ul li {
        float: left;
        font-size: 22px;
        font-weight: bold;
        line-height: 25px
    }

        .moible-bg ul li a {
            color: #7c7c7c;
            font-size: 20px
        }

.conter-app {
    float: left;
    width: 565px;
    margin-left: 38px
}

.moible-bg .moible-img {
    width: 240px;
    float: left
}

.app-bg {
    padding-top: 20px
}

    .app-bg a {
        color: #666;
        margin-right: 10px
    }

.app-banner {
    background: url(../img/banner2.jpg) no-repeat center top;
    height: 450px
}

.app_up {
    background: url(../img/app_03.png) no-repeat center 60px;
    height: 87px;
    margin-bottom: 60px
}

.detal-app dl {
    background: 0
}

    .detal-app dl dd h2 {
        font-size: 35px
    }

    .detal-app dl dd p {
        text-indent: 2em;
        padding-bottom: 10px;
        line-height: 35px;
        font-size: 20px
    }

.zizhi {
    width: 275px;
    margin-right: 20px;
    float: left;
    padding: 20px 0;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px
}

    .zizhi dt {
        text-align: center
    }

        .zizhi dt img {
            width: 240px;
            height: 200px
        }

#i_l .zizhi dt img {
    height: 300px
}

.zizhi dd {
    text-align: center;
    width: 275px
}

    .zizhi dd h2 {
        font-size: 14px;
        line-hegiht: 35px;
        padding: 15px 0
    }

    .zizhi dd p {
        line-hegiht: 25px;
        font-size: 14px
    }

.xiapdai_box {
    overflow: hidden
}

.xiaodai {
    width: 530px;
    margin-right: 20px;
    float: left;
    padding-bottom: 10px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px
}

    .xiaodai dt {
        text-align: center
    }

        .xiaodai dt img {
            width: 450px;
            height: 318px
        }

    .xiaodai dd {
        text-align: center;
        width: 530px
    }

        .xiaodai dd h2 {
            font-size: 16px;
            line-hegiht: 35px;
            padding: 15px 0
        }

.con-product {
    margin: 25px auto
}

    .con-product .pro-link {
        color: #292929
    }

    .con-product .line {
        border-top: 1px solid #d2d2d2;
        margin: 30px 0 40px 0;
        position: relative
    }

        .con-product .line span {
            position: absolute;
            top: -15px;
            left: 50%;
            text-align: center;
            font-size: 14px;
            width: 320px;
            margin-left: -160px;
            background: #fff;
            height: 25px;
            line-height: 25px;
            display: inline-block
        }

.product-mold {
    display: block;
    width: 270px;
    margin: 0 30px 30px 0;
    border: 1px solid #d2d2d2
}

.product-mold {
    border: 1px solid #d2d2d2;
    float: left;
    margin: 0 30px 30px 0;
    width: 270px
}

.pro-mold h4 {
    text-align: center;
    line-height: 35px;
    font-weight: normal;
    padding: 20px 0 8px;
    font-size: 18px;
    color: #2e2e2e
}

.pro-mold h4 {
    color: #fff
}

    .pro-mold h4 a:hover {
        text-decoration: underline
    }

.pro-describe {
    width: 270px;
    padding: 0 0 20px
}

    .pro-describe p {
        line-height: 25px;
        font-size: 14px;
        padding: 0 20px 0;
        color: #fff
    }

    .pro-describe .describe-more {
        text-align: right;
        margin: 18px 10px 0 0
    }

        .pro-describe .describe-more a {
            font-size: 14px;
            color: #292929 !important
        }

.index-news {
    margin: 30px auto 15px;
    overflow: hidden
}

.inden-news-title {
    width: 580px
}

    .inden-news-title .news-titleh2 {
        font-size: 20px;
        font-weight: normal;
        color: #000;
        overflow: hideen;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px dashed #d2d2d2;
        padding-bottom: 10px
    }

        .inden-news-title .news-titleh2 span.ll {
            width: 3px;
            height: 15px;
            background: #238bcb;
            display: inline-block;
            margin-right: 15px;
            margin-top: 8px;
            float: left
        }

        .inden-news-title .news-titleh2 span.l2 {
            float: left;
            font-size: 14px;
            color: #292929
        }

        .inden-news-title .news-titleh2 span.rr {
            float: right;
            font-size: 14px;
            color: #292929
        }

            .inden-news-title .news-titleh2 span.rr a {
                color: #fff;
                background: #a8a9a9;
                border-radius: 5px;
                padding: 0 6px
            }

.trinavbar .current {
    color: #000;
    background: url(../img/procenter1_22.png) left center no-repeat
}

.index-newsl {
    float: left
}

    .index-newsl .com-news {
        padding: 15px 10px 0 20px
    }

        .index-newsl .com-news li {
            line-height: 35px;
            padding: 10px 0 0 0;
            list-style: outside
        }

            .index-newsl .com-news li .comh3 {
                font-size: 14px !important;
                font-weight: normal
            }

            * + html .index-newsl .com-news li .comh3 {
                font-size: 15px !important
            }

                .index-newsl .com-news li .comh3 a {
                    color: #0f0f0f;
                    font-size: 14px !important
                }

            .index-newsl .com-news li span, .index-newsl .com-news li em {
                font-style: normal;
                padding: 0 10px;
                margin-right: 15px;
                height: 35px;
                line-height: 35px;
                display: inline-block;
                float: right
            }

            .index-newsl .com-news li p {
                line-height: 25px
            }

            .index-newsl .com-news li h3 {
                font-size: 14px !important;
                font-weight: normal
            }

            * + html .index-newsl .com-news li h3 {
                font-size: 15px !important
            }

                .index-newsl .com-news li h3 a {
                    color: #0f0f0f;
                    font-size: 14px !important
                }

.index-newsr {
    float: right
}

    .index-newsr .trade {
        padding-top: 20px
    }

        .index-newsr .trade dl {
            float: left;
            margin: 0 6px
        }

            .index-newsr .trade dl dt img {
                padding: 10px;
                background: #f9f9f9;
                border: 1px solid #d2d2d2
            }

            .index-newsr .trade dl dd {
                margin-top: 10px;
                width: 180px;
                text-align: center
            }

            .index-newsr .trade dl a {
                color: #292929
            }

                .index-newsr .trade dl a:hover {
                    text-decoration: underline
                }

#kx_verify {
    margin-top: 25px
}

.server h2 {
    padding: 15px 0;
    border-bottom: 0
}

.client {
    font-size: 14px;
    padding: 0 0 6px 0;
    font-weight: normal
}

    .client .con-conter div {
        display: inline-block
    }

.client-img {
    padding-left: 17px
}

    .client-img a {
        display: inline-block;
        padding-right: 17px
    }

.client-imgs a {
    display: inline-block;
    padding-right: 0
}

.client-img img {
    border: 1px solid #d2d2d2;
    margin: 5px 0 10px 19px
}

.partner {
    padding-top: 15px;
    display: block;
    margin: 0 auto;
    padding-left: 6px
}

.partner-img {
    padding-left: 0;
    padding-top: 10px
}

    .partner-img img {
        border: 1px solid #ccc;
        margin: 5px 2px 18px 12px;
        width: 148px;
        height: 58px
    }

.client .con-conter .partner, .client .partner div {
    display: block
}

.index-flink {
    margin: 0;
    background: #f2f1f1;
    border-top: 1px solid #e4dfdf;
    padding: 10px 0 20px
}

.flink-contain {
    margin: 0 auto;
    width: 1180px
}

    .flink-contain span > strong {
        font-size: 15px;
        color: #333;
        padding-right: 10px
    }

    .flink-contain span > a {
        font-size: 14px;
        color: #999;
        padding-right: 10px
    }

.mapbox {
    padding: 20px 0;
    overflow: hidden;
    display: none
}

    .mapbox li {
        width: 576px;
        height: 260px;
        float: left
    }

.bjmap {
    background: url(../img/bjmap.jpg) no-repeat;
    margin-right: 20px
}

.szmap {
    background: url(../img/szmap.jpg) no-repeat
}

.maptxt {
    background: url(../img/mapbg.png) no-repeat;
    width: 384px;
    height: 124px;
    margin: 30px 0 0 50px;
    padding: 40px
}

    .maptxt p {
        line-height: 36px;
        font-size: 14px
    }

        .maptxt p b {
            font-size: 16px
        }

.index-foot {
    border-top: 1px solid #d2d2d2;
    background: #fff;
    overflow: hidden
}

    .index-foot .footer {
        padding: 15px 0 20px;
        overflow: hidden
    }

        .index-foot .footer p {
            line-height: 25px;
            font-size: 14px !important;
            letter-spacing: 0
        }

        .index-foot .footer .footer-left {
            float: left;
            width: 760px
        }

            .index-foot .footer .footer-left .kxwz span {
                position: absolute !important;
                bottom: 10px;
                right: -80px
            }

            .index-foot .footer .footer-left h3 {
                font-size: 18px;
                margin: 18px 0
            }

            .index-foot .footer .footer-left dl {
                line-height: 36px;
                margin: 8px 0
            }

                .index-foot .footer .footer-left dl dt {
                    margin-right: 10px;
                    float: left;
                    width: 31px;
                    height: 30px
                }

                .index-foot .footer .footer-left dl dd {
                    float: left;
                    font-size: 16px
                }

                    .index-foot .footer .footer-left dl dd span {
                        font-weight: bold
                    }

        .index-foot .footer .footer-right {
            float: right;
            padding-top: 20px
        }

            .index-foot .footer .footer-right dl {
                float: left;
                border: 1px solid #c8c8c8;
                margin-right: 15px
            }

                .index-foot .footer .footer-right dl dt img {
                    margin: 12px 20px
                }

                .index-foot .footer .footer-right dl dd {
                    padding: 0 0 10px;
                    font-size: 16px;
                    width: 120px;
                    text-align: center
                }

.ico div {
    padding: 8px 0;
    float: left;
    width: 236px
}

    .ico div span {
        font-size: 13px;
        color: #a0a0a0;
        margin-right: 10px;
        text-align: left;
        display: inline-block
    }

        .ico div span.ico2 {
            width: 211px
        }

.index-foot .footer .foot_add .add_one {
    float: left;
    width: 60%;
    padding-top: 20px;
    position: relative
}

    .index-foot .footer .foot_add .add_one span {
        position: absolute !important;
        top: 68px;
        right: 32px
    }

.permit {
    width: 1001px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px
}

    .permit .logoline {
        overflow: hidden;
        display: inline-block
    }

        .permit .logoline li {
            margin: 10px 20px 0 0;
            line-height: 40px;
            color: #b7b7b7;
            float: left
        }

            .permit .logoline li .logo {
                min-width: 122px;
                background: url(../img/footer-icons.jpg) no-repeat;
                display: inline-block;
                height: 46px
            }

            .permit .logoline li .logo1 {
                background-position: 0 0
            }

            .permit .logoline li .logo2 {
                background-position: -135px 0
            }

            .permit .logoline li .logo3 {
                background-position: -268px 0
            }

            .permit .logoline li .logo4 {
                background-position: -370px 0;
                width: 120px
            }

            .permit .logoline li .logo5 {
                background-position: -508px 0;
                width: 130px
            }

            .permit .logoline li .logo6 {
                background-position: -402px 0;
                width: 120px
            }

            .permit .logoline li .logo7 {
                background-position: -532px 0;
                width: 120px
            }

.procebters .proce-img {
    background: url(../img/procenter-bg_02.jpg) no-repeat center top;
    height: 285px
}

.process h2 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    padding: 55px 0 15px
}

.process p {
    color: #fff;
    padding: 8px 0;
    font-size: 16px
}

.pro-series .ser-title {
    font-size: 30px;
    font-weight: normal;
    padding: 25px 0
}

.catena-set {
    width: 208px;
    float: left;
    margin-right: 10px
}

    .catena-set P {
        text-align: center
    }

        .catena-set P a {
            color: #fff;
            font-weight: 400;
            font-size: 18px;
            padding-top: 40px;
            background: url(../img/proc_03.jpg) no-repeat;
            width: 208px;
            height: 99px;
            display: inline-block
        }

            .catena-set P a.pro-imgs1 {
                background: url(../img/proc_05.jpg) no-repeat;
                padding-top: 50px;
                height: 89px
            }

            .catena-set P a.pro-imgs2 {
                background: url(../img/proc_07.jpg) no-repeat;
                padding-top: 50px;
                height: 89px
            }

            .catena-set P a.pro-imgs3 {
                background: url(../img/proc_09.jpg) no-repeat;
                padding-top: 50px;
                height: 89px
            }

            .catena-set P a.pro-imgs4 {
                background: url(../img/proc_11.jpg) no-repeat;
                padding-top: 50px;
                height: 89px
            }

    .catena-set .pro-set {
        color: #292929
    }

    .catena-set dl {
        padding: 15px 0
    }

        .catena-set dl dt {
            color: #005ca9;
            font-size: 14px;
            font-weight: bold;
            padding-bottom: 10px
        }

        .catena-set dl dd {
            line-height: 20px
        }

.procebter {
    height: 322px;
    background: url(../img/procenter-bg_02.jpg) no-repeat center top
}

.so-submit {
    text-align: center;
    padding: 201px 0 0 331px
}

.so-hot {
    clear: both;
    width: 575px;
    margin: 0 auto
}

    .so-hot ul {
        padding-top: 10px
    }

        .so-hot ul li {
            float: left;
            color: #fff;
            font-size: 14px
        }

            .so-hot ul li a {
                color: #fff;
                text-decoration: underline;
                margin-right: 10px
            }

.soso {
    width: 335px;
    height: 45px;
    float: left;
    padding-left: 5px
}

.s-submit {
    width: 150px;
    height: 45px;
    float: left;
    background: #5ac985;
    color: #fff;
    font-family: 微软雅黑;
    cursor: pointer;
    font-size: 18px
}

.procebter h2 {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    padding: 55px 0 10px 0
}

.procebter p {
    color: #fff;
    font-size: 14px
}

.proce-right {
    float: right;
    overflow: hidden;
    width: 856px
}

.prtack-right {
    border: 1px solid #dcdcdc;
    margin: 38px 0;
    background: #fff;
    padding: 0 15px;
    min-height: 700px;
    overflow: hidden
}

.proce {
    margin: 0 0 20px;
    overflow: hidden
}

.proce-title {
    margin: 0
}

    .proce-title h2 {
        font-size: 24px;
        height: 50px;
        text-align: center;
        font-weight: normal;
        line-height: 50px
    }

.proce-left {
    float: left;
    width: 270px;
    margin: 38px 0 20px;
    min-height: 400px;
    background: #f7f7f7;
}

.newslist-left {
    width: 236px;
    position: relative;
}

.proce-left h2 {
    background: none repeat scroll 0 0 #a8a8a8;
    color: #fff;
    font-size: 27px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 236px;
    font-weight: normal
}

.prtack-left h2 {
    width: 270px;
    background: none repeat scroll 0 0 #2d9adf
}

.prtack-left ul {
    border: 1px solid #dcdcdc;
    min-height: 335px;
    overflow: hidden
}

.proce-left ul li {
    font-size: 14px
}

.prtack-left ul li {
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    font-size: 16px;
    color: #0186d1;
    padding-left: 0
}

    .prtack-left ul li > p {
        background-color: #eee;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        color: #333;
        padding-left: 30px
    }

.proce-left ul.good-news {
    background: #dfdfdf
}

    .proce-left ul.good-news a {
        color: #000
    }

    .proce-left ul.good-news li.current {
        padding-left: 20px
    }

        .proce-left ul.good-news li.current a {
            color: #000;
            font-weight: bold;
            display: inline-block
        }

    .proce-left ul.good-news li {
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }

.prtack-left ul li ol li {
    border: 0;
    font-weight: normal;
    font-size: 15px;
    padding: 5px 0;
    padding-left: 30px
}

.prtack-left ul li ol {
    padding-left: 0
}

.prtack-left ul li.current ol a {
    color: #666
}

.prtack-left ul li ol li.active a {
    color: ##0186d1
}

.proce-left ul li a {
    color: #666;
    display: inline-block
}

.proce-left ul li.current {
    color: #0186d1
}

    .proce-left ul li.current a {
        color: #0186d3;
        display: inline-block
    }

.pros-title {
    font-size: 14px;
    height: 48px;
    line-height: 48px
}

    .pros-title span {
        margin-right: 10px
    }

        .pros-title span a {
            color: #292929
        }

            .pros-title span a:hover {
                text-decoration: underline
            }

.pros-list {
    margin-left: 10px
}

.pro-series .set-title {
    padding-top: 45px;
    font-size: 26px
}

.pro-series .set-samlltitle {
    font-size: 16px;
    background: url(../img/detal-bg_06.jpg) no-repeat left center;
    padding-left: 16px;
    font-weight: normal
}

.pro-detal {
    background: url(../img/detal-bg_07.jpg) repeat-x
}

.tetal-title {
    font-weight: normal;
    padding-top: 12px
}

.pro-more {
    position: relative
}

.moress {
    position: absolute;
    right: 25px;
    top: 58px;
    color: #0765d1;
    font-size: 12px
}

    .moress a {
        color: #2094c7
    }

    .moress span {
        padding: 0 8px
    }

.proce-right .detal h3 {
    font-size: 14px;
    font-weight: normal;
    padding: 20px 0
}

.tetal-title span {
    width: 100px;
    cursor: pointer;
    height: 39px;
    font-size: 14px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-right: 8px;
    background: #238acc
}

    .tetal-title span.current {
        background: #fff;
        height: 40px;
        color: #292929;
        border: 1px solid #d2d2d2;
        border-bottom: 0
    }

.detal-conmain li {
    display: none
}

    .detal-conmain li.rent {
        display: block
    }

.con-product .pro-line {
    border-top: 1px solid #2aaae3
}

    .con-product .pro-line span {
        width: 120px;
        margin-left: -60px;
        color: #086cb7;
        font-weight: bold;
        font-size: 20px
    }

.presentation {
    ;
    margin: 76px 0;
    overflow: hidden
}

    .presentation dt {
        float: right;
        width: 507px
    }

    .presentation dd {
        float: left;
        width: 560px;
        line-height: 35px;
        font-size: 14px
    }

#first {
    font-weight: bold
}

.detal {
    margin-right: 15px
}

.product-main {
    margin: 0
}

    .product-main table {
        border: 1px solid #e0e0e0
    }

    .product-main .title {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        background: #f2f2f2;
        color: #000;
        text-align: center
    }

    .product-main .title1 {
        font-size: 18px;
        font-weight: bold;
        line-height: 50px
    }

    .product-main .title2 {
        font-size: 16px;
        font-weight: bold;
        line-height: 35px;
        padding: 10px 0
    }

    .product-main .title3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
        padding: 10px 0
    }

    .product-main .txt {
        line-height: 30px !important;
        font-size: 14px !important;
        text-indent: 2em !important;
        padding-right: 0 !important
    }

    .product-main .img {
        width: 824px;
        display: table-cell;
        vertical-align: middle;
        display: block;
        padding: 15px 0;
        text-align: center
    }

.compete {
    background: #14a6b5;
    height: 320px;
    width: 100%
}

.buys {
    background: url(../img/buy1-bg_03.png) no-repeat center top;
    height: 290px
}

.compete-com {
    color: #fff;
    height: 320px
}

.compete-bg {
    background: url(../img/jingzheng-bg_03.jpg) no-repeat center top
}

.compete-com h2 {
    font-size: 30px;
    padding: 50px 0 15px;
    font-weight: normal;
    text-align: right;
    margin-right: 320px
}

.compete-com p {
    font-size: 16px;
    text-align: right;
    margin-right: 320px
}

.compete-title {
    text-align: center
}

* + html .compete-title {
    width: 590px;
    margin: 0 auto
}

.pro-competes .pro-compete {
    width: 100%;
    height: 95px;
    line-height: 95px
}

    .pro-competes .pro-compete h2 {
        text-align: center
    }

        .pro-competes .pro-compete h2 span {
            background: #aab2bd;
            cursor: pointer;
            padding: 10px 23px;
            border-radius: 6px;
            margin: 0 20px 0 0;
            color: #fff;
            font-weight: normal;
            font-size: 15px
        }

    .pro-competes .pro-compete .contends h2 span {
        display: inline-block;
        width: 165px;
        margin: 25px 20px 0 0;
        padding: 0;
        line-height: 40px;
        text-align: center
    }

    .pro-competes .pro-compete h2 span.current {
        background: #14a6b5
    }

.pro-competes .buys1 h2 span.current {
    background: #1c5cbd
}

.pro-competes .detal-compete li {
    display: none
}

    .pro-competes .detal-compete li.rent {
        display: block
    }

.con-product .pro-line span {
    color: #363636;
    font-size: 28px;
    font-weight: normal;
    margin-left: -160px;
    width: 320px
}

.p-bg {
    padding: 0 20px 80px
}

.p-compete {
    line-height: 30px;
    font-size: 14px;
    padding: 0 0 10px
}

.con-product h2 {
    color: #363636;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 40px
}

.hailiang {
    background-size: 800px;
    overflow: hidden;
    padding: 10px 0 0;
    margin: 0 !important
}

    .hailiang dd {
        float: left;
        width: 432px
    }

        .hailiang dd h2 {
            font-size: 20px;
            line-height: 40px;
            color: #363636;
            font-weight: normal
        }

    .hailiang dt {
        float: right
    }

    .hailiang .dt-fl {
        float: left
    }

    .hailiang .dt-fr {
        float: right;
        width: 420px
    }

.d-date {
    padding: 0 20px 50px;
    overflow: hidden
}

    .d-date h2 {
        font-size: 20px;
        color: #363636;
        font-weight: normal;
        padding: 20px 0 30px 0
    }

.dl-date {
    float: left;
    width: 300px;
    margin: 10px 20px 20px
}

    .dl-date dt {
        margin-bottom: 10px
    }

        .dl-date dt img {
            margin-top: 20px
        }

.dl-date2 {
    margin-left: 40px
}

.d-date2 {
    margin: 10px 0 20px 43px
}

.dl-date dd {
    width: 262px;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: .5px;
    color: #666
}

.feature {
    overflow: hidden;
    margin: 20px 0 40px 0;
    padding: 0 20px
}

    .feature h2 {
        padding: 40px 0;
        text-align: center;
        font-size: 32px;
        font-weight: normal
    }

.d-feature {
    float: left;
    width: 800px;
    margin-bottom: 30px
}

    .d-feature dt {
        float: left;
        width: 72px
    }

    .d-feature dd {
        float: left;
        width: 632px
    }

        .d-feature dd h3 {
            font-size: 18px;
            padding-bottom: 18px;
            color: #000;
            letter-spacing: .5px
        }

        .d-feature dd p {
            line-height: 25px;
            color: #666
        }

.d-feature-r {
    width: 800px
}

.pro-competes .buy-pro {
    border: 0
}

.buy-pros {
    position: relative;
    padding-top: 10px
}

.contend .pro-line span.buys {
    margin-left: -205px;
    width: 410px
}

.competess .pro-line span.buys {
    margin-left: -371px;
    width: 742px
}

.buy-pros h2 {
    position: absolute;
    top: -7px;
    left: 10px;
    left: 50%;
    margin-left: -62px
}

* + html .buy-pros h2 {
    position: absolute;
    top: -7px;
    left: 10px;
    left: 50%;
    margin-left: -286px
}

.buy-pross h2 {
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -180px
}

* + html .buy-pross h2 {
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -286px
}

* + html .buy-pros h2.compete-titles {
    width: 800px;
    margin: 0 auto;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -390px
}

.buy-product li h3 {
    font-weight: normal;
    padding-bottom: 20px;
    text-align: center;
    font-size: 24px
}

.buy-main {
    height: 82px;
    overflow: hidden
}

.advisorypriceSpan {
    display: block;
    padding: 10px 0 0 0
}

    .advisorypriceSpan b {
        font-weight: normal;
        font-size: 12px !important
    }

dl.goods .Security {
    width: 140px
}

    dl.goods .Security input {
        width: 130px
    }

dl.goods .code {
    margin: 0 0 0 15px;
    cursor: pointer;
    width: 118px;
    height: 42px;
    display: inline-block
}

    dl.goods .code input {
        width: 118px;
        height: 42px;
        cursor: pointer;
        background: #e4e4e4;
        border: 1px solid #b9b9b9;
        border-radius: 5px
    }

.classify {
    overflow: hidden
}

    .classify dt {
        width: 120px;
        float: left;
        margin-top: 3px;
        text-align: right;
        font-size: 14px
    }

    .classify dd {
        float: left;
        width: 834px
    }

        .classify dd span {
            margin-right: 22px;
            margin-bottom: 10px;
            font-size: 14px;
            float: left;
            padding: 5px 0 3px;
            min-width: 160px
        }

            .classify dd span label {
                float: left;
                margin: 2px 5px 0 0;
                width: 16px;
                height: 16px;
                border: 1px solid #cecece;
                background-color: #fff
            }

            .classify dd span.current {
                color: #e27502
            }

            .classify dd span label.active {
                background-image: url(../img/checkxt.png);
                background-repeat: no-repeat
            }

            .classify dd span.mian-conter {
                margin-bottom: 10px
            }

.zixun dl.goods dd {
    border: 0
}

.Consultation {
    border: 1px solid #b9b9b9;
    padding: 5px
}

dl.goods em {
    position: absolute;
    right: 173px;
    font-siza: 16px;
    font-style: normal
}

dl.goods2 em {
    right: -23px;
    font-siza: 16px;
    font-style: normal
}

.r-message {
    width: 180px;
    height: 32px;
    border: 1px solid #b9b9b9;
    line-height: 32px
}

.r-Check {
    width: 110px;
    height: 32px;
    cursor: pointer;
    background: #005bac;
    color: #fff;
    font-size: 16px
}

.rplay-bg {
    float: left;
    margin: 1px 10px 0 0
}

.reply {
    font-size: 14px
}

    .reply .times {
        font-style: normal;
        float: right
    }

    .reply p {
        line-height: 25px
    }

    .reply .zhuanjia {
        font-style: normal;
        color: #c67c01
    }

.buy-protit {
    font-size: 18px;
    color: #333;
    padding-top: 50px;
    font-weight: normal;
    text-align: left;
    margin-left: 200px
}

.buy-goods {
    overflow: hidden;
    margin: 30px auto;
    margin-bottom: 20px;
    width: 838px
}

.buy-row {
    overflow: hidden
}

dl.goods {
    height: 52px;
    line-height: 40px;
    position: relative
}

    dl.goods dt {
        width: auto;
        font-size: 16px;
        overflow: hidden;
        z-index: 1
    }

    dl.goods dd {
        border: 1px solid #b9b9b9;
        position: relative;
        z-index: 666;
    }

        dl.goods dd input {
            font-size: 16px;
            height: 50px;
            line-height: 50px;
            background-color: transparent;
            width: 212px;
            margin: 0 auto;
            display: block
        }

.buy-main-name {
    width: 236px;
    margin-right: 10px
}

.buy-main-phone {
    width: 582px;
    margin: 0 0 0 10px
}

.buy-main-phonemsg {
    width: 140px
}

.buy-main-company {
    width: 836px
}

    .buy-main-company dl.goods dd input {
        width: 760px
    }

.buy-main-code {
    width: 160px
}

    .buy-main-code dl.goods dd input {
        width: 138px
    }

.buy-main-codepic {
    width: 110px;
    margin-left: 10px
}

    .buy-main-codepic .verify-code {
        width: 110px;
        height: 50px
    }

dl.goods .symbol {
    position: absolute;
    right: 17px;
    top: 7px;
    color: red
}

dl.goods .input-name {
    position: absolute;
    left: 10px;
    top: 6px
}

.buy-main-phone dl.goods dd input {
    width: 568px;
    padding-left: 10px
}

.buy-main-phone .gain_mes {
    display: inline-block;
    width: 130px;
    line-height: 52px;
    color: #fff;
    background: #a8a8a8;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.buy-main-phone dl.goods .symbol {
    right: 20px;
    top: 7px;
}

.buy-main-phonemsg dl.goods dd input {
    width: 116px
}

.check-style {
    border: 1px solid #cdcdcd;
    padding: 10px;
    overflow: hidden
}

    .check-style h4 {
        font-size: 16px;
        color: #535353;
        padding-bottom: 10px
    }

    .check-style .check-li {
        width: 20%
    }

.buy-main-remarks {
    height: 240px;
    margin-top: 20px;
}

    .buy-main-remarks textarea {
        outline: none !important;
        resize: none;
    }

dl.goods.remarks {
    height: 188px
}

.buy-main .remarks textarea {
    width: 96%;
    padding: 2%;
    border: 0;
    outline: none;
    background-color: transparent;
    font-size: 16px
}

.commit input {
    width: 422px;
    text-align: center;
    line-height: 56px;
    height: 56px;
    cursor: pointer;
    background: #ff9314;
    color: #fff;
    font-size: 24px;
    margin: 20px auto 0;
    display: block
}

.sqsubmit {
    text-align: center;
    padding: 160px 0
}

.sales-banner {
    background: url(../img/banner4.jpg) no-repeat center top;
    height: 450px
}

.sales {
    background: 0;
    margin-top: 0
}

    .sales dl dd p {
        font-size: 14px
    }

    .sales dd h2 {
        text-align: left;
        border-bottom: 1px solid #dcdcdc;
        padding: 10px 0;
        font-weight: bold
    }

.d-sales {
    width: 488px;
    float: left
}

    .d-sales dt span {
        width: 56px;
        height: 68px;
        display: inline-block;
        float: left;
        margin-right: 10px
    }

    .d-sales dt {
        line-height: 70px;
        font-size: 18px;
        border-bottom: 1px solid #dcdcdc;
        font-weight: bold
    }

    .d-sales dd {
        margin-top: 20px
    }

        .d-sales dd p {
            line-height: 25px;
            font-size: 14px
        }

.d-sales-r {
    margin-left: 80px
}

.dd-sales {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden
}

.search-list {
    padding-right: 20px
}

    .search-list li {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px dashed #d6d6d6
    }

        .search-list li h2 {
            height: 30px;
            line-height: 30px;
            font-weight: normal;
            font-size: 14px;
            padding-bottom: 0
        }

            .search-list li h2 a {
                color: #292929
            }

        .search-list li h3 {
            height: 45px;
            line-height: 45px;
            color: #0186d3;
            font-size: 16px;
            text-decoration: underline
        }

            .search-list li h3 a {
                color: #2a9adc
            }

                .search-list li h3 a:hover {
                    text-decoration: underline
                }

        .search-list li p {
            font-size: 12px
        }

.finance {
    overflow: hidden;
    border: 1px solid #d6d6d6;
    width: 1000px;
    margin: 0 auto 20px;
    padding: 20px
}

    .finance p {
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        border-bottom: 1px dashed #d6d6d6
    }

    .finance .f-left {
        float: left;
        width: 400px;
        display: inline-block
    }

    .finance .f-con {
        float: left
    }

    .finance .f-right {
        float: right;
        margin-right: 20px
    }

.catenass {
    background: url(../img/pro-gg.jpg) no-repeat center top;
    width: 100%;
    height: 376px
}

.customer {
    margin: 60px auto 30px;
    overflow: hidden;
    min-height: 400px;
    padding: 0 0 0 60px
}

    .customer dl {
        float: left;
        width: 184px;
        border: 1px solid #d1d1d1;
        margin-right: 50px
    }

        .customer dl dt img {
            display: block;
            width: 184px;
            height: 54px
        }

        .customer dl dd {
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #eceaeb;
            width: 184px;
            border-bottom: 2px solid #d1d1d1;
            border-top: 1px solid #d1d1d1
        }

            .customer dl dd a {
                color: #333;
                font-weight: bold;
                font-size: 14px
            }

.newSuccess {
    border-bottom: 1px solid #ccc;
    padding: 50px 0
}

    .newSuccess .newitem {
        width: 550px
    }

        .newSuccess .newitem .newitem-pic {
            padding: 13px;
            -moz-box-shadow: 3px 3px 3px #ccc
        }

            .newSuccess .newitem .newitem-pic img {
                width: 550px;
                height: 300px
            }

        .newSuccess .newitem .newitem-txt {
            color: #333;
            line-height: 30px
        }

            .newSuccess .newitem .newitem-txt h4 {
                font-weight: bold;
                font-size: 18px;
                padding-bottom: 10px
            }

            .newSuccess .newitem .newitem-txt .newdesc {
                font-size: 14px
            }

.pro-newsbg {
    margin-bottom: 0;
    background: url(../img/news-bgs.jpg) no-repeat center top;
    width: 100%;
    height: 285px
}

.newslist-left ul li {
    text-align: center;
    border-bottom: 1px solid #eee
}

    .newslist-left ul li.current {
        background: url(../img/procenter1_22.png) no-repeat scroll 80px center rgba(0,0,0,0)
    }

.newslist-left .wenxin {
    padding: 10px 0;
    background: #fff;
}

.newslist-left .productBox {
    padding-bottom: 10px;
    margin: 20px 0;
    background: #fff;
    width: 236px;
}

.productFixed {
    position: fixed;
    left: 0;
    top: 0;
}

.newslist-left .articImg {
    padding-top: 10px;
    width: 216px;
    margin: 0 auto;
}

.newslist-left .productBox .proTxt {
    font-size: 20px;
    color: #000000;
    padding: 0 18px;
    line-height: 30px;
    padding-top: 10px;
    text-align: center;
}

.newslist-left .wenxin .web-nom {
    font-size: 16px;
    background: url(../img/winxin_03.png) no-repeat left center;
    height: 42px;
    line-height: 22px;
    fong-size: 18px;
    text-align: center
}

.newslist-right {
    width: 880px;
    float: right;
    margin: 38px 0 45px;
    background: #fff;
    padding: 0 20px 20px;
    border: 1px solid #dcdcdc
}

    .newslist-right h2 {
        line-height: 35px;
        font-size: 24px;
        font-weight: normal;
        border-bottom: 1px solid #d6d6d6;
        padding: 7px 0
    }

    .newslist-right > ul li {
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        border-bottom: 1px dashed #d6d6d6
    }

    .newslist-right ul li a {
        color: #666
    }

        .newslist-right ul li a:hover {
            text-decoration: underline
        }

    .newslist-right ul li em {
        font-style: normal;
        float: right;
        margin-right: 20px
    }

.pro-competes .pro-pager {
    margin: 0 auto
}

    .pro-competes .pro-pager ul {
        display: inline-block
    }

        .pro-competes .pro-pager ul li {
            display: inline-block
        }

.company_logo {
    margin-right: 25px
}

.company_con {
    width: 678px
}

    .company_con .company_con_tit {
        font-size: 18px;
        color: #333;
        padding: 0 0 10px
    }

.pro-abouts li .company_con .cont {
    line-height: 26px
}

.pro-abouts li .company_lay .com_advantage {
    font-size: 18px
}

.com_ad_info {
    padding-bottom: 50px
}

    .com_ad_info dd {
        width: 292px;
        margin-right: 4px;
        margin-bottom: 4px;
        float: left;
        height: 218px
    }

        .com_ad_info dd.lilast {
            margin-right: 0
        }

    .com_ad_info .li.last {
        margin-right: 0
    }

    .com_ad_info .infobg {
        color: #fff;
        font-size: 12px
    }

        .com_ad_info .infobg h4, .com_ad_info .infobg p {
            padding: 10px 20px 0;
            line-height: 22px
        }

        .com_ad_info .infobg h4 {
            font-size: 16px;
            overflow: hidden;
            text-align: center
        }

            .com_ad_info .infobg h4 span {
                font-size: 24px;
                color: #eee;
                float: left
            }

    .com_ad_info .infobg1 {
        background: #f0af00
    }

    .com_ad_info .infobg2 {
        background: #2233d4
    }

    .com_ad_info .infobg3 {
        background: #d30830
    }

    .com_ad_info .infobg4 {
        background: #94d422
    }

.bgcolor {
    background: #fff;
    padding: 15px 40px;
    margin-bottom: 20px
}

.competess {
    background: #a8d8ca url(../img/aboutus-01.jpg) no-repeat center top;
    height: 285px;
    width: 100%
}

.contend .pro-line span.abouts {
    background: #f7f7f7;
    margin-left: -106px;
    width: 200px
}

.pro-abouts li h3 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    clear: both
}

.pro-abouts li .cont {
    line-height: 35px;
    font-size: 14px;
    color: #666;
    padding-bottom: 20px
}

.abouts-us .abouts-l {
    float: left;
    width: 400px
}

.abouts-us .abouts-r {
    float: right
}

.pro-abouts #i_l h3 {
    padding: 20px 0 30px
}

.pro-competes .pro-us h2 span.current {
    background: #64c4a8
}

.contend .pro-usline {
    border-top: 2px solid #aab2bd
}

.contends .pro-line {
    border-top: 1px solid #eeae19
}

.pro-competes .pro-compete .contends h2 span.current {
    background: #eeae19
}

.about-contact {
    padding-bottom: 50px;
    overflow: hidden;
    padding-top: 50px
}

    .about-contact .cont-item {
        width: 100%;
        overflow: hidden
    }

        .about-contact .cont-item .ft-box {
            float: left;
            width: 49%
        }

        .about-contact .cont-item .fr-box {
            float: left;
            width: 49%
        }

        .about-contact .cont-item dt {
            text-align: center;
            width: 140px;
            height: 185px;
            float: left;
            background: url(../img/about-bgline.png) no-repeat center right
        }

            .about-contact .cont-item dt .f30 {
                font-size: 30px;
                color: #ee7720;
                margin-top: 55px
            }

            .about-contact .cont-item dt .f14 {
                font-size: 14px;
                color: #bbbaba
            }

        .about-contact .cont-item dd {
            display: block;
            float: left;
            padding: 30px 0 0 45px
        }

            .about-contact .cont-item dd .f24 {
                font-size: 24px;
                color: #333
            }

            .about-contact .cont-item dd .f14 {
                font-size: 14px;
                color: #666;
                margin-top: 15px
            }

            .about-contact .cont-item dd .warntips {
                overflow: hidden;
                color: #f00
            }

                .about-contact .cont-item dd .warntips span {
                    display: block;
                    width: 50px
                }

                .about-contact .cont-item dd .warntips div {
                    width: 336px
                }

    .about-contact .item-tit {
        padding-bottom: 30px;
        font-size: 30px
    }

    .about-contact p {
        color: #000;
        font-size: 18px;
        line-height: 32px
    }

    .about-contact .phonenum {
        color: #0b6cbb
    }

.partentli {
    overflow: hidden;
    padding: 15px 0
}

.Helpline {
    height: 67px;
    border: 1px solid #fbf5e9;
    border-radius: 50px;
    clear: both;
    margin: 25px 0
}

    .Helpline .ft-box {
        float: left;
        width: 60%
    }

        .Helpline .ft-box p {
            float: left;
            font-size: 18px;
            line-height: 67px
        }

            .Helpline .ft-box p em {
                font-size: 18px;
                color: #ff6500;
                font-style: normal
            }

            .Helpline .ft-box p img {
                margin: 15px 112px 0 35px
            }

    .Helpline .fr-box {
        float: left;
        width: 40%
    }

        .Helpline .fr-box p {
            float: left;
            font-size: 18px;
            line-height: 67px
        }

            .Helpline .fr-box p em {
                font-size: 18px;
                color: #ff6500;
                font-style: normal
            }

        .Helpline .fr-box .mrt-45 {
            margin-right: 45px
        }

.news-list {
    padding: 20px 40px;
    margin-top: 30px
}

.n-list {
    position: relative;
    overflow: hidden;
    margin: 37px 10px 15px 40px;
    background: #fff;
    float: right;
    width: 812px;
    padding: 40px 40px 20px;
    border: 1px solid #dcdcdc
}

.news-list h2 {
    font-weight: normal;
    font-size: 27px;
    padding: 40px 0 20px 0
}

.news-list div span.conteter {
    line-height: 30px;
    color: #666;
    font-size: 14px;
    margin-right: 5px
}

.news-list p {
    line-height: 35px;
    font-size: 16px;
    padding: 0 20px
}

.news-listPager {
    position: absolute;
    right: 22px;
    top: 48px
}

    .news-listPager li {
        float: left
    }

        .news-listPager li span.page-bg {
            background: url(../img/news1.png) no-repeat;
            width: 40px;
            height: 40px;
            display: block;
            margin-right: 12px
        }

        .news-listPager li span.page-bg3 {
            background: url(../img/news2.png) no-repeat
        }

        .news-listPager li span.page-bg2 {
            background: url(../img/news3.png) no-repeat
        }

.contentDown {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

    .contentDown ul {
        width: 560px;
    }

        .contentDown ul li {
            clear: both;
            margin-bottom: 10px;
        }

            .contentDown ul li a {
                color: #999;
                text-decoration: none;
                display: block;
                position: relative;
            }

                .contentDown ul li a p {
                    position: absolute;
                    top: 0;
                    left: 40px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: normal;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                }

                .contentDown ul li a:hover p {
                    color: #333;
                }

                .contentDown ul li a.noNext:hover p {
                    color: #999;
                }

                .contentDown ul li a span.page-bg {
                    background: url(../img/news1.png) no-repeat;
                    width: 40px;
                    height: 40px;
                    display: block;
                    margin-right: 12px;
                }

                .contentDown ul li a span.page-bg3 {
                    background: url(../img/news2.png) no-repeat;
                }

.pagr-title {
    padding: 2px 0;
    color: #999;
    display: inline-block;
    width: 47px;
    text-align: center
}

.contentDown .pagr-title {
    padding: 0;
    width: auto;
    font-size: 16px;
    line-height: 35px;
}

.pros-title {
    margin-bottom: 10px
}

.bglist .listrow {
    overflow: hidden;
    clear: both
}

.bglist {
    overflow: hidden
}

    .bglist .listrow p {
        display: inline-block;
        margin: 30px 18px 0 0
    }

        .bglist .listrow p.last {
            margin-right: 0 !important
        }

    .bglist .listrow1 p {
        margin-right: 24px
    }

    .bglist .listrow3 p {
        margin-right: 22px
    }

    .bglist .listrow4 p {
        margin-right: 24px;
        margin-top: 80px
    }

    .bglist .listrow5 p {
        margin-right: 20px
    }

    .bglist .listrow6 p {
        margin-right: 20px;
        margin-bottom: 50px
    }

.prtact_btn {
    color: #fff;
    background-color: #0090e8;
    padding: 5px 12px;
    font-size: 16px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    line-height: 30px
}

.main-im {
    position: fixed;
    right: 0;
    top: 10px;
    z-index: 9999
}

* + html .main-im {
    position: fixed;
    right: 5px;
    top: 10px;
    z-index: 9999
}

    .main-im .qq-a {
        display: block;
        width: 106px;
        height: 116px;
        font-size: 14px;
        color: #0484cd;
        text-align: center;
        position: relative
    }

    * + html .main-im .qq-a {
        display: block;
        margin-top: 20px;
        height: 116px;
        font-size: 14px;
        color: #0484cd;
        text-align: center;
        position: relative
    }

        .main-im .qq-a span {
            bottom: 5px;
            position: absolute;
            width: 90px;
            left: 10px
        }

        * + html .main-im .qq-a span {
            bottom: 5px;
            position: absolute;
            width: 90px;
            left: 20px
        }

    .main-im .qq-hover-c {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        position: absolute;
        left: 18px;
        top: 10px;
        overflow: hidden;
        z-index: 9
    }

    * + html .main-im .qq-hover-c {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        position: absolute;
        left: 28px;
        top: 10px;
        overflow: hidden;
        z-index: 9
    }

    .main-im .qq-container {
        z-index: 99999;
        position: absolute;
        width: 109px;
        height: 118px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #ddd;
        background: url(../img/qq-icon-bg.png) no-repeat center 8px
    }

    * + html .main-im .qq-container {
        z-index: 99999;
        position: absolute;
        width: 149px;
        height: 118px;
        left: 26px;
        top: 12px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 0;
        background: url(../img/qq-icon-bg.png) no-repeat
    }

    .main-im .img-qq {
        max-width: 60px;
        display: block;
        position: absolute;
        left: 6px;
        top: 3px;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    * + html .main-im .img-qq {
        max-width: 60px;
        display: block;
        position: absolute;
        left: 6px;
        top: 3px;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .main-im .im-qq:hover .img-qq {
        max-width: 70px;
        left: 1px;
        top: 8px;
        position: absolute
    }

    .main-im .im_main {
        background: #f9fafb;
        width: 109px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #f9fafb;
        display: none
    }

    * + html .main-im .im_main {
        background: #f9fafb;
        width: 129px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #f9fafb;
        display: none
    }

        .main-im .im_main .im-tel {
            color: #000;
            text-align: center;
            width: 109px;
            border-bottom: 1px solid #ddd
        }

        * + html .main-im .im_main .im-tel {
            color: #000;
            padding: 10px 0 20px;
            overflow: hidden;
            text-align: center;
            width: 129px;
            border-bottom: 1px solid #ddd
        }

            .main-im .im_main .im-tel div {
                font-weight: bold;
                font-size: 12px;
                margin: 11px 0
            }

            .main-im .im_main .im-tel .tel-num {
                font-family: Arial;
                width: 77px;
                height: 22px;
                margin: 0 0 10px 0
            }

            * + html .main-im .im_main .im-tel .tel-num {
                font-family: Arial;
                height: 22px;
                margin: 0 0 10px 0
            }

            .main-im .im_main .im-tel:hover {
                background: #fafafa
            }

.im-footer {
    height: 47px
}

.main-im .im_main .weixing-container {
    width: 55px;
    height: 47px;
    border-right: 1px solid #ddd;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    background: url(../img/weixing-icon.png) no-repeat center center;
    float: left
}

.main-im .im_main .weixing-show {
    width: 112px;
    height: 172px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    position: absolute;
    left: -125px;
    top: -126px
}

    .main-im .im_main .weixing-show .weixing-sanjiao {
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        border-width: 6px;
        left: 112px;
        top: 134px;
        position: absolute;
        z-index: 2
    }

    .main-im .im_main .weixing-show .weixing-sanjiao-big {
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent transparent #ddd;
        border-width: 8px;
        left: 112px;
        top: 132px;
        position: absolute
    }

    .main-im .im_main .weixing-show .weixing-ma {
        width: 104px;
        height: 103px;
        padding-left: 5px;
        padding-top: 5px
    }

    .main-im .im_main .weixing-show .weixing-txt {
        position: absolute;
        top: 110px;
        left: 7px;
        width: 100px;
        margin: 0 auto;
        text-align: center
    }

.main-im .im_main .go-top {
    width: 50px;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    background: url(../img/toTop-icon.png) no-repeat center center;
    float: right
}

    .main-im .im_main .go-top a {
        display: block;
        width: 52px;
        height: 47px
    }

.main-im .close-im {
    position: absolute;
    right: 0;
    top: -12px;
    z-index: 100;
    width: 24px;
    height: 24px
}

    .main-im .close-im a {
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/close_im.png) no-repeat left top
    }

        .main-im .close-im a:hover {
            text-decoration: none
        }

.main-im .open-im {
    cursor: pointer;
    width: 40px;
    height: 133px;
    background: url(../img/open_im.png) no-repeat left top
}

.commonTop {
    position: fixed;
    right: -16px;
    bottom: 0;
    z-index: 9999;
    width: 50px;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    background: url(../img/toTop-icon.png) no-repeat center center;
    display: none;
}

    .commonTop a, .commonTop span {
        display: block;
        width: 52px;
        height: 47px
    }

.main-conter {
    width: 100%;
    overflow: hidden
}

.pro-mold {
    width: 216px;
    float: left;
    background: #fff;
    margin-right: 22px;
    margin-bottom: 20px;
    border: 1px solid #d2d2d2
}

.product-mold {
    display: block;
    float: left;
    margin: 0 12px 15px 0;
    width: 268px
}

.product-mold1 {
    background: #87b3e4
}

.product-mold2 {
    background: #ff9348
}

.product-mold3 {
    background: #4ce0ae
}

.product-mold4 {
    background: #8786fe
}

.product-mold5 {
    background: #e26563
}

.pro-mold h2 {
    height: 226px;
    width: 216px;
    padding-top: 10px;
    background: url(../img/hot-pro-bg_28.png) 44px 25px no-repeat;
    font-weight: normal
}

    .pro-mold h2.pro-title1 {
        background: url(../img/hot-pro-bg_21.png) 44px 25px no-repeat
    }

    .pro-mold h2.pro-title2 {
        background: url(../img/hot-pro-bg_23.png) 44px 25px no-repeat
    }

    .pro-mold h2.pro-title3 {
        background: url(../img/hot-pro-bg_25.png) 44px 25px no-repeat
    }

    .pro-mold h2.pro-title4 {
        background: url(../img/hot-pro-bg_31.png) 44px 25px no-repeat
    }

    .pro-mold h2.pro-title5 {
        background: url(../img/allpro8.png) 44px 25px no-repeat
    }

    .pro-mold h2.pro-title6 {
        background: url(../img/allpro3.png) 44px 25px no-repeat
    }

    .pro-mold h2 p {
        color: #000;
        text-align: center;
        padding-top: 180px;
        border-bottom: 1px solid #e7e7e7;
        font-size: 16px;
        font-weight: bold;
        margin: 0 12px;
        padding-bottom: 12px
    }

.pro-mold .mold-con {
    height: 270px;
    padding-bottom: 20px
}

.pro-mold .mold {
    width: 216px;
    padding: 10px 0 0 0;
    overflow: hidden
}

    .pro-mold .mold li {
        line-height: 30px;
        color: #232323;
        font-size: 14px;
        text-align: center
    }

        .pro-mold .mold li a {
            color: #666
        }

.pro-mold .more {
    text-align: center;
    margin-top: 15px
}

    .pro-mold .more a {
        width: 172px;
        height: 40px;
        text-align: center;
        color: #2c3a4b;
        font-size: 14px;
        line-height: 40px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
        display: inline-block;
        background: #e7e7e7
    }

* + html, * + html body {
    background-image: url(about:blank);
    background-attachment: fixed
}

* + html .advbox {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 100002
}

.advbox {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: block
}

.advboxs {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    background: #000 !important;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

* + html .advboxs {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    background: #000 !important;
    filter: Alpha(Opacity=50)
}

.advbox .advpic {
    position: relative;
    height: 500px;
    border-radius: 20px;
    margin-top: 40px;
    width: 850px;
    margin-left: -425px;
    left: 50%;
    overflow: hidden
}

    .advbox .advpic .closebtns {
        display: block;
        width: 24px;
        height: 24px;
        background: url('../img/del.png') no-repeat;
        backgline-height: 20px;
        font-size: 12px;
        color: #fff;
        text-indent: 12px;
        overflow: hidden;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 999999
    }

.p-list ul {
    background: #fff;
    overflow: hidden;
    margin-top: 30px;
    padding: 10px 0
}

    .p-list ul li {
        float: left;
        margin-right: 20px;
        line-height: 40px;
        font-size: 16px
    }

        .p-list ul li a {
            color: #f00;
            text-decoration: underline !important
        }

        .p-list ul li .end {
            color: #9a9999
        }

        .p-list ul li a:hover {
            text-decoration: underline !important
        }

        .p-list ul li.first {
            width: 40px;
            height: 40px;
            line-height: 48px;
            color: #282828;
            font-size: 16px;
            background: #fff url(../img/audio.gif) left no-repeat
        }

.catenass-bg {
    background: url(../img/pro-bg.jpg) no-repeat center top;
    width: 100%;
    height: 295px
}

.qservice {
    background-color: none;
    padding: 20px 0
}

.service-tit {
    color: #eeae1a;
    font-size: 34px;
    font-weight: normal
}

.service-box {
    border: 1px solid #c3c3c3;
    margin-top: 30px;
    overflow: hidden
}

    .service-box .box-title {
        float: left;
        background: #c0665e;
        width: 290px;
        height: 285px;
        text-align: center
    }

    .service-box .box-title2 {
        background: #1eb6e8;
        height: 415px
    }

    .service-box .box-title3 {
        background: #f09605;
        height: 780px
    }

    .service-box .box-title4 {
        background: #98d24a;
        height: 445px
    }

    .service-box .box-title5 {
        background: #ff897f;
        height: 277px
    }

    .service-box .box-title6 {
        background: #4f94e7;
        height: 435px
    }

    .service-box .box-title strong {
        font-size: 32px;
        color: #fff
    }

    .service-box .box-title .span {
        font-size: 18px;
        color: #fff;
        padding-top: 10px
    }

    .service-box .box-title .boxico {
        background-image: url(../img/service-icon.png);
        background-repeat: no-repeat;
        width: 93px;
        height: 93px;
        margin: 55px auto 30px auto
    }

    .service-box .box-title .boxico2 {
        background-position: -98px 0;
        margin: 123px auto 30px auto
    }

    .service-box .box-title .boxico3 {
        background-position: -196px 0;
        margin: 300px auto 30px auto
    }

    .service-box .box-title .boxico4 {
        background-position: -294px 0;
        margin: 125px auto 30px auto
    }

    .service-box .box-title .boxico5 {
        background-position: -392px 0;
        margin: 40px auto 30px auto
    }

    .service-box .box-title .boxico6 {
        background-position: -490px 0;
        margin: 110px auto 30px auto
    }

.server_list_rt {
    float: left;
    width: 840px;
    padding-left: 48px
}

.server_list li {
    width: 180px;
    margin-right: 130px;
    float: left;
    padding-top: 15px
}

.server_list .mr-0 {
    margin-right: 0
}

.server_list li p {
    width: 192px
}

.server_list li .sline1 {
    font-size: 38px;
    color: #c0665e
}

.server_list li .sline01 {
    color: #62c5ec
}

.server_list li .sline02 {
    color: #f2ad59
}

.server_list li .sline03 {
    color: #aeda79
}

.server_list li .sline04 {
    color: #fea39c
}

.server_list li .sline05 {
    color: #7cabeb
}

.server_list li .sline2 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 6px
}

.server_list li .sline3 {
    font-size: 15px;
    color: #64686d
}

.pro-one {
    min-width: 1180px;
    background: url(../img/pro/bg1.jpg) no-repeat center;
    text-align: center;
    height: 640px
}

    .pro-one .one-title, .pro-five .one-title {
        font-size: 30px;
        color: #fff;
        padding: 50px 0;
        font-weight: normal
    }

    .pro-one .one-list li {
        width: 25%;
        color: #fff;
        float: left;
        background: url(../img/pro/pro_line.png) no-repeat right 10px
    }

    .pro-one .one-list .btxt {
        padding: 20px 0;
        font-size: 24px
    }

    .pro-one .one-list .stxt {
        line-height: 32px;
        font-size: 18px;
        text-align: left;
        padding-left: 40px
    }

    .pro-one .one-list .nobg {
        background: 0
    }

    .pro-one .trybtn-box {
        padding: 40px 0 30px
    }

        .pro-one .trybtn-box a {
            display: block;
            width: 372px;
            border: 1px solid #fda905;
            border-radius: 6px;
            color: #fda905;
            font-size: 30px;
            line-height: 70px;
            margin: 0 auto
        }

.pro-two {
    min-width: 1180px;
    padding: 50px 0;
    background-color: #fff
}

    .pro-two li {
        width: 25%;
        float: left;
        text-align: center
    }

        .pro-two li a {
            display: block;
            border-right: 1px solid #f8ece5;
            cursor: pointer
        }

            .pro-two li a .pic img {
                width: 90px;
                height: 105px
            }

    .pro-two .btxt {
        padding: 20px 0 10px;
        color: #333;
        font-size: 26px
    }

    .pro-two .btline {
        border-bottom: 1px solid #f8ece5;
        width: 80%;
        margin: 20px auto 20px
    }

.pro-three {
    min-width: 1180px;
    padding: 50px 0 90px;
    background: url(../img/pro/bg2.jpg) no-repeat top center;
    height: 464px
}

    .pro-three .three-title, .pro-four .three-title, .pro-six .three-title {
        text-align: center;
        font-size: 30px;
        color: #fff;
        font-style: normal;
        position: relative;
        height: 50px;
        font-weight: normal
    }

        .pro-three .three-title em, .pro-four .three-title em, .pro-six .three-title em {
            border-bottom: 1px solid #fff;
            position: absolute;
            display: block;
            width: 312px;
            height: 1px;
            bottom: 30px
        }

        .pro-three .three-title .lline, .pro-four .three-title .lline, .pro-six .three-title .lline {
            left: 0
        }

        .pro-three .three-title .rline, .pro-four .three-title .rline, .pro-six .three-title .rline {
            right: 0
        }

    .pro-three .three-list {
        text-align: center;
        padding: 30px 0 20px
    }

        .pro-three .three-list li {
            width: 33%;
            float: left
        }

            .pro-three .three-list li > a {
                display: block;
                cursor: pointer;
                width: 220px;
                margin: 0 auto
            }

        .pro-three .three-list .pic {
            width: 136px;
            height: 136px;
            margin: 0 auto
        }

        .pro-three .three-list .btxt {
            font-size: 26px;
            color: #fff;
            padding: 15px 0
        }

        .pro-three .three-list .stxt {
            font-size: 20px;
            color: #fff;
            line-height: 40px
        }

        .pro-three .three-list .detailbtn {
            border: 1px solid #fff;
            color: #fff;
            border-radius: 6px;
            padding: 10px 0;
            margin-top: 20px
        }

        .pro-three .three-list li > a:hover .btxt, .pro-three .three-list li > a:hover .stxt, .pro-three .three-list li > a:hover .detailbtn {
            color: #3056fa;
            border-color: #3056fa
        }

        .pro-three .three-list .thpic1 {
            background-image: url(../img/pro/pro_13.png)
        }

        .pro-three .three-list .thpic2 {
            background-image: url(../img/pro/pro_14.png)
        }

        .pro-three .three-list .thpic3 {
            background-image: url(../img/pro/pro_15.png)
        }

        .pro-three .three-list li > a:hover .thpic1 {
            background-image: url(../img/pro/pro_16.png)
        }

        .pro-three .three-list li > a:hover .thpic2 {
            background-image: url(../img/pro/pro_17.png)
        }

        .pro-three .three-list li > a:hover .thpic3 {
            background-image: url(../img/pro/pro_18.png)
        }

.pro-four {
    min-width: 1180px;
    padding: 50px 0 46px;
    background: #fff
}

    .pro-four .three-title {
        color: #252525;
        margin-bottom: 30px
    }

        .pro-four .three-title em {
            border-color: #dfdfdf
        }

    .pro-four .mtitem {
        width: 50%;
        float: left;
        margin-bottom: 20px
    }

        .pro-four .mtitem .mtpic {
            width: 228px;
            height: 130px;
            text-align: center;
            float: left
        }

        .pro-four .mtitem .mttxt {
            float: left;
            padding: 0 20px
        }

        .pro-four .mtitem li {
            padding-left: 16px;
            background: url(../img/pro/licircle.jpg) no-repeat 0 8px;
            margin-bottom: 20px
        }

        .pro-four .mtitem .mttxt h3 {
            font-size: 16px;
            font-weight: normal;
            color: #333;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-bottom: 10px
        }

        .pro-four .mtitem .mttxt p {
            font-size: 17px;
            color: #999
        }

.pro-five {
    min-width: 1180px;
    background: url(../img/pro/bg3.jpg) no-repeat center;
    text-align: center;
    height: 540px;
    padding-top: 20px
}

    .pro-five .one-title {
        padding: 20px 0
    }

    .pro-five .wrap-banner {
        margin-top: 50px;
        height: 306px
    }

    .pro-five .flexslider {
        height: 306px
    }

    .pro-five .flex-direction-nav a {
        width: 64px;
        height: 64px;
        line-height: 99em;
        overflow: hidden;
        margin: -70px 0 0 70px;
        display: block;
        background: url(../img/pro/pro_left.png) no-repeat;
        position: absolute;
        top: 58%;
        z-index: 10;
        cursor: pointer
    }

    .pro-five .flex-direction-nav .flex-next {
        background: url(../img/pro/pro_right.png) no-repeat;
        right: 70px
    }

    .pro-five .flex-direction-nav .flex-prev {
        left: 0
    }

    .pro-five .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50)
    }

    .pro-five .flex-control-nav {
        display: none
    }

    .pro-five .slides li {
        width: 100%;
        height: 350px;
        _float: left
    }

    .pro-five .slides .li_1 {
        background: url(../img/pro/proban1.png) center 0 no-repeat
    }

    .pro-five .slides .li_2 {
        background: url(../img/pro/proban2.png) center 0 no-repeat
    }

    .pro-five .slides .li_3 {
        background: url(../img/pro/proban3.png) center 0 no-repeat
    }

    .pro-five .slides .li_4 {
        background: url(../img/pro/proban4.png) center 0 no-repeat
    }

    .pro-five .slides .li_5 {
        background: url(../img/pro/proban5.png) center 0 no-repeat
    }

    .pro-five .slides li a {
        display: block;
        height: 100%;
        width: 100%
    }

.pro-six {
    min-width: 1180px;
    padding: 40px 0 20px;
    background: #fff
}

    .pro-six .three-title {
        color: #252525;
        margin-bottom: 30px
    }

        .pro-six .three-title em {
            border-color: #dfdfdf
        }

.six-data {
    border: 1px solid #d3d3d3;
    margin-left: -2px
}

    .six-data .six-tab li {
        width: 235px;
        margin-left: 1px;
        float: left;
        text-align: center;
        background-color: #008ab7;
        color: #fff;
        font-size: 26px;
        line-height: 60px;
        cursor: pointer
    }

        .six-data .six-tab li.active {
            background-color: #fff;
            color: #333
        }

    .six-data .six-hide {
        padding: 50px 20px 30px 80px
    }

        .six-data .six-hide ol {
            display: none;
            height: 340px
        }

        .six-data .six-hide .hide01 {
            background: url(../img/pro/pro_19.png) no-repeat right bottom
        }

        .six-data .six-hide .hide02 {
            background: url(../img/pro/pro_20.png) no-repeat right bottom
        }

        .six-data .six-hide .hide03 {
            background: url(../img/pro/pro_21.png) no-repeat 800px bottom
        }

        .six-data .six-hide .hide04 {
            background: url(../img/pro/pro_22.png) no-repeat 750px bottom
        }

        .six-data .six-hide .hide05 {
            background: url(../img/pro/pro_23.png) no-repeat right bottom
        }

        .six-data .six-hide ol > p {
            font-size: 20px;
            color: #333;
            line-height: 40px
        }

        .six-data .six-hide .ol_btn {
            padding: 30px 0 0 20px
        }

            .six-data .six-hide .ol_btn .btn-more {
                background-color: #ec6941;
                color: #fff;
                font-size: 20px;
                padding: 6px 50px
            }

.team_lay {
    padding: 40px 0 40px
}

.team_leader {
    overflow: hidden
}

    .team_leader dl {
        width: 154px;
        float: left;
        text-align: center;
        margin-left: 110px
    }

    .team_leader .ld_photo {
        padding: 15px 0 0;
        height: 156px
    }

    .team_leader .ld_name {
        margin: 15px 0;
        width: 154px;
        color: #fff;
        line-height: 40px;
        border-radius: 5px;
        font-size: 20px
    }

    .team_leader .ld_job {
        font-size: 18px;
        color: #666
    }

    .team_leader .namebg1 {
        background: #a0c528
    }

    .team_leader .namebg2 {
        background: #56a6ec
    }

    .team_leader .namebg3 {
        background: #fac090
    }

.team_pic {
    padding: 20px 0 50px
}

    .team_pic p {
        margin-bottom: 6px;
        overflow: hidden
    }

    .team_pic .pic_left {
        float: left;
        width: 218px;
        overflow: hidden
    }

    .team_pic .pic_mid {
        float: left;
        width: 729px;
        overflow: hidden;
        margin: 0 6px
    }

    .team_pic .pic_right {
        float: left;
        width: 218px;
        overflow: hidden
    }

    .team_pic .year_box {
        text-align: center;
        display: inline-block;
        color: #fff;
        font-size: 36px;
        background: #aab2bd
    }

    .team_pic .pic_mid .mid_f .year_box {
        width: 262px;
        height: 255px;
        line-height: 255px;
        margin-left: 6px
    }

    .team_pic .pic_mid .mid_s .year_box {
        width: 266px;
        height: 244px;
        line-height: 244px;
        margin-right: 6px
    }

    .team_pic .pic_bottom img {
        margin-right: 6px
    }

    .team_pic .pic_bottom .year_box {
        width: 218px;
        height: 255px;
        line-height: 255px
    }

.teamenber {
    padding-top: 50px;
    text-align: center
}

    .teamenber dd {
        width: 131px;
        height: 114px;
        float: left;
        margin-bottom: 8px
    }

.team_pic .pic_top .year_box {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 36px;
    background: #aab2bd;
    width: 262px;
    height: 255px;
    line-height: 255px;
    margin-left: 6px
}

.team_pic .pic_top .pic_topmid {
    padding-left: 6px
}

.team_pic .pic_top .pic_topright {
    padding-left: 6px
}

.hy-button {
    display: inline-block;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 18px
}

.hy-button-orange {
    background-color: #d26c32
}

.hy-button-blue {
    background-color: #619be2
}

.exchange-page {
    overflow: hidden
}

.exchange-banner {
    width: 100%;
    height: 234px;
    background-image: url(../img/jiaoyisuo/banner.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding-top: 50px
}

    .exchange-banner .line1 {
        font-size: 20px;
        padding-bottom: 16px
    }

    .exchange-banner .line4 {
        padding-top: 30px
    }

        .exchange-banner .line4 a {
            margin-right: 20px
        }

        .exchange-banner .line4 i {
            display: inline-block;
            position: relative;
            top: 4px
        }

.exchange-title {
    color: #619be2;
    font-size: 26px;
    padding: 45px 0
}

    .exchange-title span {
        font-size: 18px;
        color: #999
    }

.ext-foot-more {
    text-align: right;
    font-size: 14px;
    padding-top: 10px
}

    .ext-foot-more a {
        color: #3a76c0
    }

.exchange-conter {
    font-size: 14px
}

.exchange-one li {
    line-height: 26px;
    padding-bottom: 30px;
    color: #666
}

.exchange-two {
    overflow: hidden
}

    .exchange-two .item-two {
        width: 384px;
        height: 138px;
        background-color: #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 14px;
        line-height: 26px;
        color: #474747;
        font-size: 18px;
        float: left;
        margin-right: 14px
    }

        .exchange-two .item-two img {
            position: relative;
            top: 25px
        }

    .exchange-two .item-two1 img {
        top: 16px
    }

    .exchange-two .item-two2 img {
        top: 16px
    }

    .exchange-two .item-two3 img {
        top: 10px
    }

    .exchange-two .item-two6 img {
        top: 0
    }

    .exchange-two .item-two .txt {
        display: inline-block;
        text-align: left;
        padding-top: 40px;
        padding-left: 20px
    }

    .exchange-two .item-two6 .txt {
        padding-top: 30px
    }

.exchange-three {
    overflow: hidden
}

    .exchange-three .item-three-box {
        float: left;
        border-radius: 5px;
        width: 278px;
        background-repeat: no-repeat;
        height: 410px;
        color: #fff;
        text-align: center;
        position: relative;
        margin-right: 22.6px;
        overflow: hidden
    }

        .exchange-three .item-three-box li.pic {
            padding: 40px 0 20px
        }

        .exchange-three .item-three-box li.txt {
            font-size: 28px
        }

        .exchange-three .item-three-box.last {
            margin: 0
        }

        .exchange-three .item-three-box.boxbg1 {
            background-image: url(../img/jiaoyisuo/ext-thbg1.png)
        }

        .exchange-three .item-three-box.boxbg2 {
            background-image: url(../img/jiaoyisuo/ext-thbg2.png)
        }

        .exchange-three .item-three-box.boxbg3 {
            background-image: url(../img/jiaoyisuo/ext-thbg3.png)
        }

        .exchange-three .item-three-box.boxbg4 {
            background-image: url(../img/jiaoyisuo/ext-thbg4.png)
        }

    .exchange-three .item-model {
        background-color: rgba(0,0,0,0.5);
        padding: 20px;
        height: 90px;
        width: 238px;
        bottom: 0;
        left: 0;
        text-align: left
    }

.exchange-four .four-title {
    text-align: center;
    font-size: 18px;
    color: #3a76c0;
    padding-bottom: 10px
}

.exchange-four .label {
    padding: 6px 30px;
    font-size: 14px;
    color: #fff;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 2px;
    display: inline-block
}

.exchange-four .blue-label {
    border: 1px dashed #3a76c0;
    padding: 10px 0 0 20px
}

    .exchange-four .blue-label .label {
        background-color: #3a76c0
    }

.exchange-four .green-label .label {
    background-color: #77933c;
    padding: 6px 20px
}

.exchange-four .orange-label .label {
    background-color: #e46c0a;
    margin-right: 10px;
    width: 90px
}

.exchange-four .red-label .label {
    width: 112px;
    text-align: center;
    background-color: #c00000;
    padding: 6px 0;
    margin-left: 10px
}

.exchange-four .zi-label .label {
    background-color: #7030a0;
    padding: 6px 20px;
    margin-right: 30px
}

.exchange-four .short-left {
    width: 442px;
    height: 152px;
    border: 1px;
    border-style: dashed;
    padding: 10px;
    margin-bottom: 10px
}

.exchange-four .long-right {
    width: 674px;
    height: 152px;
    border: 1px;
    border-style: dashed;
    padding: 10px;
    margin-bottom: 10px
}

.exchange-four .four-title-sec {
    text-align: center;
    font-size: 18px;
    padding-bottom: 10px
}

.exchange-four .short-green {
    border-color: #77933c
}

.exchange-four .short-red {
    border-color: #c00000
}

.exchange-four .long-orange {
    border-color: #e46c0a
}

.exchange-four .long-zi {
    border-color: #7030a0
}

.exchange-four .short-green .four-title-sec {
    color: #77933c
}

.exchange-four .long-orange .four-title-sec {
    color: #e46c0a
}

.exchange-four .short-red .four-title-sec {
    color: #c00000
}

.exchange-four .long-zi .four-title-sec {
    color: #7030a0
}

.exchange-fiv li {
    width: 174px;
    background-color: #e6e6e6;
    height: 80px;
    text-align: center;
    font-size: 14px;
    float: left;
    margin-right: 3.2px;
    padding: 10px;
    margin-bottom: 4.2px
}

    .exchange-fiv li.active {
        background-color: #3a76c0;
        color: #fff
    }

.exchange-fiv .ex-ico {
    background-image: url(../img/jiaoyisuo/jiaoyi-ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 6px
}

.exchange-fiv .ex-ico1 {
    background-position: 0 0
}

.exchange-fiv .ex-ico2 {
    background-position: 0 -50px
}

.exchange-fiv .ex-ico3 {
    background-position: 0 -102px
}

.exchange-fiv .ex-ico4 {
    background-position: 0 -150px
}

.exchange-fiv .ex-ico5 {
    background-position: 0 -200px
}

.exchange-fiv .ex-ico6 {
    background-position: 0 -250px
}

.exchange-fiv .ex-ico7 {
    background-position: -51px 0
}

.exchange-fiv .ex-ico8 {
    background-position: -51px -51px
}

.exchange-fiv .ex-ico9 {
    background-position: -50px -100px
}

.exchange-fiv .ex-ico10 {
    background-position: -50px -150px
}

.exchange-fiv .ex-ico11 {
    background-position: -50px -200px
}

.exchange-fiv .ex-ico12 {
    background-position: -50px -250px
}

.exchange-fiv .ex-ico13 {
    background-position: -100px 0
}

.exchange-fiv .ex-ico14 {
    background-position: -101px -50px
}

.exchange-fiv .ex-ico15 {
    background-position: -101px -100px
}

.exchange-fiv .ex-ico16 {
    background-position: -100px -150px
}

.exchange-fiv .ex-ico17 {
    background-position: -101px -200px
}

.exchange-fiv .ex-ico18 {
    background-position: -101px -250px
}

.exchange-six li {
    float: left;
    width: 218px;
    margin-right: 22.5px
}

.extchange-news .exchange-title {
    padding: 0 0 20px
}

.extchange-news .index-newsl .com-news li {
    list-style-type: square;
    color: #999
}

.extchange-news .index-newsl .com-news em {
    color: #999
}

.exchange-seven {
    padding-bottom: 330px;
    background: url(../img/sevenpic.jpg) no-repeat bottom
}

.app-banner-new {
    background: #0c1722 url(../img/newapp/banner.jpg) no-repeat center;
    width: 100%;
    height: 520px
}

.new-app-conter {
    padding: 100px 0 50px
}

    .new-app-conter.app-conterbg-blue {
        background-color: #dcecf9
    }

    .new-app-conter.new-app-footbg {
        background: url(../img/newapp/footbg.jpg) no-repeat center bottom
    }

    .new-app-conter .detal-app-new {
        overflow: hidden
    }

        .new-app-conter .detal-app-new .half-width {
            width: 50%
        }

    .new-app-conter .new-app-title {
        font-size: 36px;
        font-weight: normal;
        padding-bottom: 30px;
        padding-top: 12px
    }

        .new-app-conter .new-app-title.tiele-green {
            color: #a2ce44
        }

        .new-app-conter .new-app-title.tiele-blue {
            color: #0aafe7
        }

    .new-app-conter .detal-app-new dd {
        font-size: 18px;
        line-height: 36px
    }

    .new-app-conter .detal-app-new .btm-length {
        padding-bottom: 36px
    }

    .new-app-conter .app-btn-box {
        margin-top: 50px
    }

    .new-app-conter .app-btn-orange {
        color: #fff;
        font-size: 30px;
        border-radius: 30px;
        background-color: #eeae1a;
        padding: 5px 30px
    }

.new-app-footbg .con-conter {
    background: url(../img/newapp/app_07.png) no-repeat 100px 0;
    height: 560px;
    position: relative
}

    .new-app-footbg .con-conter li {
        left: 480px;
        font-size: 18px;
        position: absolute
    }

        .new-app-footbg .con-conter li a {
            color: #0aafe7
        }

        .new-app-footbg .con-conter li.frist {
            top: 196px
        }

        .new-app-footbg .con-conter li.last {
            top: 320px
        }

.wdhgBan {
    background: url(../img/wdhgBan.jpg) no-repeat center;
    width: 100%;
    height: 450px
}

.wdhg_write {
    background: #fff
}

.wdhg_gray {
    background: #ddd;
    padding: 50px 0 20px
}

.wdhg_graydotted {
    background: url(../img/wdhg10.jpg);
    padding: 20px 0
}

.wdhgCon .wdhg01 {
    width: 100%;
    height: 756px;
    background: url(../img/wdhg01.jpg) no-repeat center
}

.wdhgCon .wdhg02 {
    width: 100%;
    height: 764px;
    background: url(../img/wdhg02.jpg) no-repeat center
}

.wdhgCon .wdhg03 {
    width: 100%;
    height: 404px;
    background: url(../img/wdhg03.jpg) no-repeat center
}

.wdhgCon .wdhg04 {
    width: 100%;
    height: 433px;
    background: url(../img/wdhg04.jpg) no-repeat center
}

.wdhgCon .wdhg05 {
    width: 100%;
    height: 154px;
    background: url(../img/wdhg05.jpg) no-repeat center
}

.wdhgCon .wdhg06 {
    width: 100%;
    height: 486px;
    background: url(../img/wdhg06.jpg) no-repeat center
}

.wdhgCon .wdhg07 {
    width: 100%;
    height: 426px;
    background: url(../img/wdhg07.jpg) no-repeat center
}

.wdhgCon .wdhg08 {
    width: 100%;
    height: 314px;
    background: url(../img/wdhg08.jpg) no-repeat center
}

.wdhgCon .wdhg09 {
    width: 100%;
    height: 462px;
    background: url(../img/wdhg09.jpg) no-repeat center
}

.wdhgCon .wdhgtxt {
    text-align: center;
    font-size: 26px;
    padding: 20px 0;
    line-height: 50px
}

    .wdhgCon .wdhgtxt .large {
        font-size: 30px
    }

    .wdhgCon .wdhgtxt a {
        color: #292929
    }

#hrPlayPreBox {
    width: 228px;
    height: 120px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    background: url(../img/common/vidioplay.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    border-radius: 5px
}

    #hrPlayPreBox:hover {
        background-position: 0 -120px
    }

#hrPlayBg {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)\9;
    z-index: 101
}

#hrPlayBox {
    width: 890px;
    position: fixed !important;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    height: 510px;
    margin-top: -255px
}

#hrPlay {
    width: 100%
}

#hrPlayBox p {
    width: 100%;
    text-align: center
}

.hrPlayClose {
    width: 30px;
    height: 31px;
    background: url(../img/common/close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: -12px;
    top: -15px;
    z-index: 11;
    cursor: pointer
}

#hrPlayLittleClose {
    width: 30px;
    height: 31px;
    background: url(../img/common/close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: -12px;
    top: -15px;
    z-index: 11;
    cursor: pointer
}

.hide {
    display: none
}

#hrPlayBgpary {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)\9;
    z-index: 101
}

#hrPlayBoxpary {
    width: 890px;
    position: fixed !important;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    height: 510px;
    margin-top: -255px
}

#hrPlaypary {
    width: 100%
}

#hrPlayBoxpary p {
    width: 100%;
    text-align: center
}

.allFooter {
}

    .allFooter .footerTop .fitem {
    }


    .allFooter .footerTop {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        padding: 30px 0;
        border-top: 1px solid #ccc
    }



        .allFooter .footerTop .footerMap {
            width: 330px;
            border-right: 1px dashed #ccc;
            padding-left: 30px;
            padding-right: 30px
        }

        .allFooter .footerTop .footerCode {
            width: 250px;
            border-right: 1px dashed #ccc;
            padding: 0 50px
        }

        .allFooter .footerTop .footerPhone {
            width: 395px;
            padding-left: 40px;
            margin-top: -6px
        }

        .allFooter .footerTop .footerMap ul {
            padding: 10px 0 0 50px;
            font-size: 16px;
            line-height: 30px
        }

            .allFooter .footerTop .footerMap ul li a {
                color: #333
            }

        .allFooter .footerTop .footerCode dl {
            float: left;
            width: 100px;
            text-align: center;
            margin-left: 20px
        }

        .allFooter .footerTop .footerCode dt {
            padding: 10px 0
        }

            .allFooter .footerTop .footerCode dt img {
                width: 100px;
                height: 100px
            }

        .allFooter .footerTop .footerPhone .tit {
            font-size: 20px;
            font-weight: normal
        }

        .allFooter .footerTop .footerPhone .numdata {
            background: url(../img/fphoneico.png) no-repeat left 10px;
            padding: 0 0 10px 40px;
            color: #333
        }

        .allFooter .footerTop .footerPhone .mapdata {
            background: url(../img/fmapico.png) no-repeat left top;
            padding-left: 40px;
            font-size: 14px;
            line-height: 16px;
            color: #333
        }

        .allFooter .footerTop .footerPhone .warntips {
            overflow: hidden;
            font-size: 14px;
            line-height: 28px;
            color: #333
        }

            .allFooter .footerTop .footerPhone .warntips span {
                display: block;
                width: 44px
            }

            .allFooter .footerTop .footerPhone .warntips div {
                width: 334px
            }

        .allFooter .footerTop .footerPhone .num {
            color: #333;
            font-size: 28px
        }

            .allFooter .footerTop .footerPhone .num strong {
                font-weight: normal
            }

        .allFooter .footerTop .footerPhone .time {
            color: #666;
            font-size: 14px
        }

        .allFooter .footerTop .footerPhone .warntips span.org {
            color: #eeae1a;
            display: inline;
            font-weight: bold
        }

    .allFooter .footerTop {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        padding: 30px 0;
        border-top: 1px solid #ccc
    }



        .allFooter .footerTop .footerMap {
            width: 349px;
            border-right: 1px dashed #ccc;
            padding-left: 15px;
            padding-right: 15px
        }

        .allFooter .footerTop .footerCode {
            width: 250px;
            border-right: 1px dashed #ccc;
            padding: 0 50px
        }

        .allFooter .footerTop .footerPhone {
            width: 395px;
            padding-left: 40px;
            margin-top: -6px
        }

        .allFooter .footerTop .footerMap ul {
            padding: 10px 0 0 50px;
            font-size: 16px;
            line-height: 30px
        }

            .allFooter .footerTop .footerMap ul li a {
                color: #333
            }

        .allFooter .footerTop .footerCode dl {
            float: left;
            width: 100px;
            text-align: center;
            margin-left: 20px
        }

        .allFooter .footerTop .footerCode dt {
            padding: 10px 0
        }

            .allFooter .footerTop .footerCode dt img {
                width: 100px;
                height: 100px
            }

        .allFooter .footerTop .footerPhone .tit {
            font-size: 20px;
            font-weight: normal
        }

        .allFooter .footerTop .footerPhone .numdata {
            background: url(../img/fphoneico.png) no-repeat left 10px;
            padding: 0 0 10px 40px;
            color: #333
        }

        .allFooter .footerTop .footerPhone .mapdata {
            background: url(../img/fmapico.png) no-repeat left top;
            padding-left: 40px;
            font-size: 14px;
            line-height: 16px;
            color: #333
        }

        .allFooter .footerTop .footerPhone .warntips {
            overflow: hidden;
            font-size: 14px;
            line-height: 28px;
            color: #333
        }

            .allFooter .footerTop .footerPhone .warntips span {
                display: block;
                width: 44px
            }

            .allFooter .footerTop .footerPhone .warntips div {
                width: 334px
            }

        .allFooter .footerTop .footerPhone .num {
            color: #333;
            font-size: 28px
        }

            .allFooter .footerTop .footerPhone .num strong {
                font-weight: normal
            }

        .allFooter .footerTop .footerPhone .time {
            color: #666;
            font-size: 14px
        }

        .allFooter .footerTop .footerPhone .warntips span.org {
            color: #eeae1a;
            display: inline;
            font-weight: bold
        }

.indexproBox {
    background: url(../img/fistbg.jpg) no-repeat;
    height: 552px;
    margin-top: 30px
}

    .indexproBox .tit {
        color: #fff;
        font-size: 24px;
        text-align: center;
        font-weight: normal;
        padding: 40px 0 20px
    }

.indexpro-con {
    width: 1175px;
    margin: 24px auto 0;
    position: relative
}

    .indexpro-con ul {
        width: 100%
    }

        .indexpro-con ul li {
            position: relative;
            height: 382px;
            width: 20%;
            float: left;
            font-size: 0;
            text-align: center
        }

    .indexpro-con .pro_con_prev, .pro-con .pro_con_next {
        position: absolute;
        height: 382px;
        width: 50px;
        background: url(../img/extrad/ad_ctrbg.png);
        top: 50%;
        z-index: 1000;
        cursor: pointer;
        display: none
    }

    .indexpro-con .pro_con_prev {
        left: 0
    }

    .indexpro-con .pro_con_next {
        right: 0
    }

    .indexpro-con .pro_con_prev a, .pro-con .pro_con_next a {
        display: block;
        width: 50px;
        height: 90px;
        background: url(../img/ad_ctr.png) no-repeat;
        margin-top: 150px
    }

    .indexpro-con .pro_con_next a {
        background-position: -8px -90px
    }

    .indexpro-con ul li .mask {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

        .indexpro-con ul li .mask .bg {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: #161a1d;
            opacity: .6;
            filter: alpha(opacity=60);
            -ms-filter: alpha(opacity=60);
            -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
            -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
            -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
            transition: all .4s cubic-bezier(0.4,0,0.2,1)
        }

            .indexpro-con ul li .mask .bg.other-bg {
                opacity: .82;
                filter: alpha(opacity=82);
                -ms-filter: alpha(opacity=82)
            }

        .indexpro-con ul li .mask .content {
            position: absolute;
            left: 0;
            right: 0;
            top: 100px;
            bottom: 0;
            -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
            -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
            -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
            transition: all .4s cubic-bezier(0.4,0,0.2,1)
        }

            .indexpro-con ul li .mask .content .line-panel {
                padding: 0;
                margin: 0;
                font-size: 0;
                line-height: 0;
                margin-top: 20px;
                -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                transition: all .4s cubic-bezier(0.4,0,0.2,1)
            }

                .indexpro-con ul li .mask .content .line-panel .item-line {
                    width: 20px;
                    height: 2px;
                    background: #fff;
                    display: inline-block;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -ms-filter: alpha(opacity=100);
                    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    transition: all .4s cubic-bezier(0.4,0,0.2,1)
                }

            .indexpro-con ul li .mask .content .item-img-panel {
                position: relative;
                width: 25%;
                height: 54px;
                display: inline-block
            }

                .indexpro-con ul li .mask .content .item-img-panel .item-img, .indexpro-con ul li .mask .content .item-img-panel .item-img-hover {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    width: 100%;
                    display: inline-block;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -ms-filter: alpha(opacity=100);
                    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    transition: all .4s cubic-bezier(0.4,0,0.2,1)
                }

                .indexpro-con ul li .mask .content .item-img-panel .item-img-hover {
                    opacity: 0;
                    filter: alpha(opacity=0);
                    -ms-filter: alpha(opacity=0);
                    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                    transition: all .4s cubic-bezier(0.4,0,0.2,1)
                }

            .indexpro-con ul li .mask .content .item-title {
                color: #fff;
                font-size: 22px;
                line-height: 30px;
                margin: 0;
                padding: 0;
                margin-top: 24px;
                font-weight: bold;
                -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                transition: all .4s cubic-bezier(0.4,0,0.2,1)
            }

            .indexpro-con ul li .mask .content .item-desc {
                font-size: 14px;
                color: #fff;
                text-align: center;
                margin-top: 30px;
                padding: 0 23px;
                line-height: 24px;
                height: 72px
            }

            .indexpro-con ul li .mask .content .item-link {
                display: inline-block;
                border: 1px solid #fff;
                width: 120px;
                height: 36px;
                line-height: 36px;
                font-size: 14px;
                color: #fff;
                text-decoration: none;
                margin-top: 62px
            }

                .indexpro-con ul li .mask .content .item-link:hover {
                    color: #00c1de;
                    background: #fff
                }

            .indexpro-con ul li .mask .content .item-desc, .indexpro-con ul li .mask .content .item-link {
                opacity: 0;
                filter: alpha(opacity=0);
                -ms-filter: alpha(opacity=0);
                -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
                transition: all .4s cubic-bezier(0.4,0,0.2,1)
            }

    .indexpro-con ul li:hover .bg {
        background: #3c85df;
        opacity: .9;
        filter: alpha(opacity=90);
        -ms-filter: alpha(opacity=90)
    }

        .indexpro-con ul li:hover .bg.other-bg {
            opacity: .9;
            filter: alpha(opacity=90);
            -ms-filter: alpha(opacity=90)
        }

    .indexpro-con ul li:hover .content {
        top: 13%
    }

        .indexpro-con ul li:hover .content .item-img-panel .item-img {
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: alpha(opacity=0)
        }

        .indexpro-con ul li:hover .content .item-img-panel .item-img-hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: alpha(opacity=100)
        }

        .indexpro-con ul li:hover .content .line-panel {
            margin-top: 10px
        }

            .indexpro-con ul li:hover .content .line-panel .item-line {
                opacity: 0;
                filter: alpha(opacity=0);
                -ms-filter: alpha(opacity=0)
            }

        .indexpro-con ul li:hover .content .item-title {
            margin-top: 12px
        }

        .indexpro-con ul li:hover .content .item-desc, .indexpro-con ul li:hover .content .item-link {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: alpha(opacity=100)
        }

        .indexpro-con ul li:hover .content .item-desc {
            margin-top: 22px
        }

        .indexpro-con ul li:hover .content .item-link {
            margin-top: 14%
        }

.consumebanner {
    width: 100%;
    height: 448px;
    background: url(../img/bannerxf.jpg) no-repeat center
}

    .consumebanner .con-conter {
        overflow: hidden;
        padding-top: 100px
    }

    .consumebanner .txt {
        padding-left: 30px;
        line-height: 50px;
        margin: 0 0 40px;
        width: 660px
    }

        .consumebanner .txt .sml {
            color: #fff;
            font-size: 24px
        }

        .consumebanner .txt .big {
            color: #fff;
            font-size: 52px
        }

        .consumebanner .txt .smler {
            color: #fff;
            font-size: 18px;
            padding-top: 20px;
            line-height: 30px
        }

    .consumebanner .btn span {
        color: #2b4476;
        font-size: 22px;
        background: #fff;
        width: 150px;
        margin-left: 30px;
        display: block;
        text-align: center;
        line-height: 50px
    }

.consumeBox1 .icobox {
    overflow: hidden;
    margin-bottom: 10px
}

    .consumeBox1 .icobox .icoli {
        float: left;
        text-align: center;
        height: 200px;
        padding-right: 8px
    }

    .consumeBox1 .icobox .ico288 {
        width: 288px
    }

    .consumeBox1 .icobox .ico585 {
        width: 585px
    }

    .consumeBox1 .icobox .lilast {
        padding-right: 0
    }

    .consumeBox1 .icobox .icoli p {
        color: #fff
    }

    .consumeBox1 .icobox .icoli a {
        background-color: #63b6f0;
        display: block;
        height: 150px;
        padding-top: 50px
    }

        .consumeBox1 .icobox .icoli a:hover {
            background-color: #2a96e1
        }

.consumeBox1 h4, .consumeBox4 h4 {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    padding: 50px 0 30px
}

.consumeBox1 .item {
    font-size: 16px;
    line-height: 30px
}

    .consumeBox1 .item .pic {
        padding: 50px 0
    }

.consumeBox2 {
    clear: both;
    background: url(../img/tradnum/consume_02.jpg) no-repeat center top
}

    .consumeBox2 h4, .consumeBox3 h4, .consumeBox5 h4, .consumeBox6 h4 {
        text-align: center;
        font-size: 30px;
        font-weight: normal;
        padding: 50px 0 30px
    }

    .consumeBox2 .con-conter {
        margin-top: 10px
    }

.consumeBox3 {
    margin-top: 50px;
    background: url(../img/tradnum/consume_bg1.jpg) no-repeat center top;
    height: 750px
}

.consumeBox4 {
    background: url(../img/tradnum/consume_bg4.jpg) no-repeat center top
}

    .consumeBox4 .partner-pic {
        height: 150px;
        margin: 10px auto;
        background-color: #fff;
        width: 1200px
    }

        .consumeBox4 .partner-pic h4 {
            font-size: 20px;
            padding: 10px 0;
            text-align: left
        }

        .consumeBox4 .partner-pic .ibox {
            height: 90px;
            margin: 20px auto 0 auto;
            position: relative
        }

            .consumeBox4 .partner-pic .ibox .showbox {
                position: absolute;
                left: 0
            }

                .consumeBox4 .partner-pic .ibox .showbox ul li {
                    height: 82px;
                    float: left;
                    margin: 5px
                }

                    .consumeBox4 .partner-pic .ibox .showbox ul li img {
                        width: 228px;
                        height: 80px;
                        border: 1px solid #ccc
                    }

        .consumeBox4 .partner-pic .btn-wrap a:hover {
            opacity: .3
        }

        .consumeBox4 .partner-pic .prev {
            left: -30px;
            background-image: url(../img/tradnum/xfparterPrev.png)
        }

        .consumeBox4 .partner-pic .next {
            right: -30px;
            background-image: url(../img/tradnum/xfparterNext.png)
        }

        .consumeBox4 .partner-pic .prev, .consumeBox4 .partner-pic .next {
            display: block;
            background-repeat: no-repeat;
            position: absolute;
            height: 80px;
            width: 16px;
            cursor: pointer;
            background-position: center
        }

    .consumeBox4 .ulBox ul {
        width: 1180px;
        height: 405px;
        display: flex;
        justify-content: space-between;
        background: url(../img/tradnum/consume_01.png) no-repeat;
    }

        .consumeBox4 .ulBox ul li {
            width: 275px;
            height: 400px;
            padding: 145px 15px 0;
            box-sizing: border-box;
        }

            .consumeBox4 .ulBox ul li h3 {
                font-size: 24px;
                color: #6699ff;
                margin-bottom: 35px;
                text-align: center;
            }

            .consumeBox4 .ulBox ul li p {
                font-size: 15px;
                color: #666666;
                line-height: 28px;
                text-align: left;
            }

.consumeBox5 {
    margin-top: 50px;
    background: url(../img/tradnum/consume_bg2.jpg) no-repeat center top;
    padding-bottom: 50px
}

    .consumeBox5 h4 {
        padding: 80px 0 50px
    }

    .consumeBox5 ul {
        width: 1180px;
        height: 397px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background: url(../img/tradnum/consume_06.png) no-repeat center top;
    }

        .consumeBox5 ul li {
            width: 376px;
            height: 115px;
            padding: 30px 30px 0 100px;
            box-sizing: border-box;
            font-size: 16px;
            margin-bottom: 25px;
            line-height: 28px;
            color: #fff;
        }

            .consumeBox5 ul li:nth-of-type(1), .consumeBox5 ul li:nth-of-type(2) {
                padding-top: 15px;
            }

.consumeBox6 {
    margin-top: 50px;
    background: url(../img/tradnum/consume_bg3.jpg) no-repeat center top;
    padding-bottom: 50px
}

    .consumeBox6 .pics {
        overflow: hidden
    }

        .consumeBox6 .pics li {
            width: 310px;
            float: left
        }

            .consumeBox6 .pics li.midli {
                width: 542px;
                padding: 0 8px
            }

                .consumeBox6 .pics li.midli .item {
                    overflow: hidden
                }

                .consumeBox6 .pics li.midli .line2 {
                    padding-top: 10px
                }

                .consumeBox6 .pics li.midli a {
                    padding-right: 4px;
                    float: left
                }

                    .consumeBox6 .pics li.midli a.last {
                        padding-right: 0
                    }

            .consumeBox6 .pics li a {
                position: relative;
                display: block
            }

                .consumeBox6 .pics li a .mask {
                    display: none;
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    background-color: rgba(96,159,249,0.5);
                    top: 0;
                    color: #fff;
                    text-align: center;
                    vertical-align: middle
                }

                    .consumeBox6 .pics li a .mask span {
                        font-size: 30px;
                        border: 4px solid #fff;
                        width: 150px;
                        position: absolute;
                        top: 50%;
                        display: block;
                        left: 50%;
                        margin-left: -75px;
                        height: 50px;
                        line-height: 50px;
                        margin-top: -25px
                    }

                .consumeBox6 .pics li a:hover .mask {
                    display: block;
                    z-index: 9999
                }

.hwTradban {
    background: url(../img/banner22.png) center 0 no-repeat;
    width: 100%;
    height: 450px
}

.hwTradBg {
    background: url(../img/hwtradbg.jpg);
    min-height: 100px
}

.hwTrad {
    width: 1224px;
    margin: 0 auto
}

.hwTradfooter {
    background: url(../img/hwtrad_07.png) center 0 no-repeat;
    width: 100%;
    height: 276px
}

    .hwTradfooter .hwTradText {
        width: 850px;
        margin: 0 auto;
        padding-top: 150px
    }

        .hwTradfooter .hwTradText a {
            color: #fff;
            font-size: 40px;
            display: block
        }

            .hwTradfooter .hwTradText a.hoverMenu {
                -webkit-transition: all .6s;
                -moz-transition: all .6s;
                -o-transition: all .6s;
                transition: all .6s
            }

                .hwTradfooter .hwTradText a.hoverMenu:hover {
                    -webkit-transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -o-transform: scale(1.2);
                    transform: scale(1.2)
                }

.activeYearPage {
    background: #b3294a url(../img/yeartop.png) center top no-repeat;
    width: 100%;
    padding-top: 630px;
    overflow: hidden
}

.activeyearBottom {
    background: #b3294a url(../img/yearbottom.jpg) center top no-repeat;
    width: 100%;
    height: 266px;
    overflow: hidden
}

.activeYear {
    width: 1180px;
    margin: 0 auto
}

    .activeYear .YearBox {
        margin-bottom: 30px
    }

        .activeYear .YearBox .yearTit {
            height: 72px;
            text-align: center;
            font-size: 40px;
            line-height: 72px
        }

    .activeYear .YearBoxyellow {
        background: url(../img/activeyear01.jpg) center bottom no-repeat;
        height: 540px
    }

    .activeYear .YearBoxyellow1 {
        background: url(../img/activeyear02.jpg) center bottom no-repeat;
        height: 472px;
        position: relative
    }

    .activeYear .YearBoxyellow .yearTit {
        background: #eda865;
        color: #9e1334
    }

    .activeYear .YearBoxred {
        background: #f8f0d2
    }

        .activeYear .YearBoxred .yearTit {
            background: #eb3d3d;
            color: #fff
        }

    .activeYear .YearBox .yearpro {
        overflow: hidden;
        text-align: center;
        padding: 20px 0 30px 15px
    }

        .activeYear .YearBox .yearpro li {
            background: #fff;
            width: 260px;
            padding: 10px;
            float: left;
            height: 120px;
            margin: 10px 10px 0 0
        }

        .activeYear .YearBox .yearpro .yeartxt {
            font-size: 24px;
            font-weight: bold
        }

            .activeYear .YearBox .yearpro .yeartxt strong {
                padding: 0 0 0 10px;
                font-size: 50px;
                font-family: Impact;
                color: #eb3d3d
            }

        .activeYear .YearBox .yearpro .yearbtn {
            display: block;
            cursor: pointer;
            padding-top: 20px
        }

    .activeYear .YearBoxyellow1 .yearbtn1 {
        position: absolute;
        left: 45px;
        bottom: 40px
    }

.newxjdad .xjdadbanner {
    background: url(../img/banner_newxjd.png) center no-repeat;
    width: 100%;
    height: 450px
}

.newxjdad .xjdad01 {
    background: url(../img/p2pxjd01.png) center no-repeat;
    width: 100%;
    height: 852px
}

.newxjdad .xjdad02 {
    background: url(../img/p2pxjd02.png) center no-repeat;
    width: 100%;
    height: 824px
}

.newxjdad .xjdad03 {
    background: url(../img/p2pxjd03.png) center no-repeat;
    width: 100%;
    height: 450px
}

.newxjdad .xjdad04 {
    background: url(../img/p2pxjd04.png) center no-repeat;
    width: 100%;
    height: 743px
}

.newxjdad .xjdad06 {
    background: url(../img/p2pxjd06.png) center no-repeat;
    width: 100%;
    height: 358px
}

.newxjdad .xjdad07 {
    background: url(../img/p2pxjd07.png) center no-repeat;
    width: 100%;
    height: 724px
}

.newxjdad .xjdad08 {
    background: url(../img/p2pxjd08.png) center no-repeat;
    width: 100%;
    height: 622px
}

.currencyTable {
    padding: 30px 0;
    background: url(../img/tradnum/shuiyin.png)
}

    .currencyTable table {
        width: 100%;
        text-align: center;
        color: #333
    }

        .currencyTable table th {
            background: #dff1ff;
            font-size: 16px;
            font-weight: normal
        }

        .currencyTable table th, .currencyTable table td {
            height: 50px;
            line-height: 50px
        }

        .currencyTable table td {
            border-bottom: 1px solid #ddd;
            font-size: 14px
        }

        .currencyTable table tr .txtleft {
            text-align: left;
            padding-left: 50px
        }

        .currencyTable table tr th.txtleft {
            padding-left: 76px
        }

        .currencyTable table .currencyIco {
            margin-right: 10px;
            position: relative;
            top: 3px;
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/tradnum/currencyIco.png) no-repeat
        }

        .currencyTable table .currencyIco1 {
            background-position: 0 0
        }

        .currencyTable table .currencyIco2 {
            background-position: 0 -50px
        }

        .currencyTable table .currencyIco3 {
            background-position: 0 -102px
        }

        .currencyTable table .currencyIco4 {
            background-position: 0 -155px
        }

        .currencyTable table .currencyIco5 {
            background-position: 0 -204px
        }

        .currencyTable table .currencyIco6 {
            background-position: 0 -254px
        }

        .currencyTable table .currencyIco7 {
            background-position: 0 -306px
        }

        .currencyTable table .currencyIco8 {
            background-position: 0 -357px
        }

        .currencyTable table .currencyIco9 {
            background-position: 0 -407px
        }

        .currencyTable table .currencyIco10 {
            background-position: 0 -458px
        }

        .currencyTable table .currencyIco11 {
            background-position: 0 -510px
        }

        .currencyTable table .currencyIco12 {
            background-position: 0 -561px
        }

        .currencyTable table .currencyIco13 {
            background-position: 0 -613px
        }

        .currencyTable table .currencyIco14 {
            background-position: 0 -662px
        }

.recsellProbox {
    padding: 10px 0 30px;
    background-color: #f9f9f9;
    margin-top: 30px
}

    .recsellProbox .recselltitle {
        text-align: center;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0;
        color: #333;
        padding: 30px 0
    }

.recsellList {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto
}

    .recsellList li {
        height: 372px;
        width: 380px;
        float: left;
        margin: 0 20px 0 0
    }

    .recsellList .item {
        height: 342px;
        width: 380px;
        background-color: #f4f4f4;
        border: solid 1px #d2d2d2;
        float: left;
        cursor: pointer
    }

        .recsellList .item > a {
            display: inline-block;
            height: 100%;
            width: 100%
        }

    .recsellList li:nth-child(3n) {
        margin-right: 0
    }

    .recsellList .item .picbox {
        text-align: center;
        height: 86px;
        margin-top: 22px
    }

    .recsellList .item .titlebox {
        margin: 0 0 20px;
        text-align: center !important
    }

        .recsellList .item .titlebox h4 {
            display: inline-block;
            margin: 0 0 10px;
            font-size: 24px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0;
            color: #333
        }

        .recsellList .item .titlebox .line {
            text-align: center !important;
            text-align: -moz-center;
            text-align: -webkit-center
        }

            .recsellList .item .titlebox .line span {
                width: 48px;
                height: 4px;
                background-color: #b7c2cf;
                border-radius: 2px;
                display: inline-block
            }

    .recsellList .item .desclist {
        padding: 0 3px 0 15px;
        text-align: left
    }

        .recsellList .item .desclist .txtli {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0;
            color: #666;
            background: url(../img/recsell/recarrow.png) no-repeat left center;
            padding-left: 12px
        }

            .recsellList .item .desclist .txtli .more {
                font-style: normal;
                color: #4f94e7
            }

    .recsellList .item .recsellbtn {
        text-align: center;
        display: none
    }

        .recsellList .item .recsellbtn a {
            display: inline-block;
            width: 120px;
            height: 42px;
            background-color: #f90;
            border-radius: 4px;
            margin-top: 10px;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0;
            color: #fff;
            text-align: center;
            line-height: 42px
        }

    .recsellList li.active .item, .recsellList li:hover .item {
        height: 342px;
        box-shadow: 0 0 15px 0 #e2e7f3;
        background: #fff url(../img/recsell/resellRtop.png) no-repeat right top
    }

    .recsellList li.active .recsellbtn, .recsellList li:hover .recsellbtn {
        display: block
    }

    .recsellList li.active .titlebox h4, .recsellList li:hover .titlebox h4 {
        color: #4f94e7
    }

    .recsellList li.active .titlebox .line span, .recsellList li:hover .titlebox .line span {
        background-color: #4f94e7
    }

    .recsellList li a, .recsellList li a:link {
        color: #666
    }

#newBridge .nb-icon-base {
    display: none !important
}

.sqicon {
    display: inline-block;
    background: url(../img/sqicn.png) no-repeat
}

.leftcosult {
    position: fixed;
    right: 30px;
    bottom: 70px;
    z-index: 999
}

    .leftcosult li {
        position: relative;
        width: 74px;
        height: 74px;
        margin-top: 20px;
        border-radius: 50%;
        background: #3994ee;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .leftcosult li.liask .sqicon {
            width: 38px;
            height: 38px;
            background-position: 0 0;
        }

        .leftcosult li.litelp .sqicon {
            width: 32px;
            height: 32px;
            background-position: 0 -91px;
        }

        .leftcosult li.litestq .sqicon {
            width: 32px;
            height: 32px;
            background-position: 0 -47px
        }

        .leftcosult li.libacktop .sqicon {
            background-position: 0 -141px;
            width: 32px;
            height: 20px;
        }

        .leftcosult li a, .leftcosult li > div {
            position: relative;
            z-index: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            text-align: center;
            cursor: pointer;
            border-radius: 50%;
            overflow: hidden;
        }

.minbox, .maxbox {
    position: absolute;
    width: 84px;
    height: 84px;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-radius: 50%;
    background: rgba(30,168,250,.4);
    z-index: 1;
    opacity: 0
}

.maxbox {
    width: 101px;
    height: 101px;
    margin-top: -50px;
    margin-left: -50px;
    background: rgba(79,184,247,.15)
}

.leftcosult li em {
    font-size: 16px;
    color: #fff;
    font-style: normal;
    line-height: 38px;
    display: none;
    transition: all .2s linear;
}

.leftcosult li > div:hover i.hoveri,
.leftcosult li > a:hover i.hoveri {
    display: none;
}

.leftcosult li > div:hover em.hovem,
.leftcosult li > a:hover em.hovem {
    display: block;
}

.leftcosult li:hover .maxbox, .leftcosult li:hover .minbox {
    opacity: 1;
    -webkit-animation: warn 1s infinite ease-out;
    -moz-animation: warn 1s infinite ease-out;
    animation: warn 1s infinite ease-out
}

@keyframes warn {
    0% {
        transform: scale(0);
        opacity: .0
    }

    25% {
        transform: scale(0.6);
        opacity: .5
    }

    50% {
        transform: scale(0.8);
        opacity: .8
    }

    75% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: .0
    }
}

.telpbox {
    position: fixed;
    width: 580px;
    height: 344px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(29,50,119,0.28);
    z-index: 999;
    top: 35%;
    right: 50%;
    margin-top: -70px;
    margin-right: -290px;
    background: #fff;
    display: none
}

    .telpbox h3 {
        height: 60px;
        background-color: #4f94e7;
        font-size: 20px;
        letter-spacing: 2px;
        text-align: center;
        line-height: 60px;
        color: #fff
    }

.telpcot {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

.telpft {
    width: 290px;
    line-height: 1;
    font-size: 16px;
    color: #4f94e7
}

.telphonecs h4 {
    margin-bottom: 10px;
    color: #4f94e7;
    font-weight: normal
}

    .telphonecs h4 .sqicon {
        width: 22px;
        height: 22px;
        background-position: -2px -279px;
        vertical-align: -5px;
        margin-right: 10px
    }

.telphonecs h5 {
    font-size: 32px;
    color: #4f94e7
}

.telphonecs p {
    font-size: 14px;
    margin-top: 45px
}

.telphonecs {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(191,191,191,.6);
}

.telprtcot,
.telpftcot {
    width: 230px;
    margin: 0 auto;
}

    .telpftcot .tepone {
        margin: 30px 2px 30px 18px;
        line-height: 24px;
    }

    .telpftcot h5 {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .telpftcot span {
        display: block;
        line-height: 24px;
        padding-left: 16px;
    }

    .telpftcot h4 {
        position: relative;
        padding-left: 43px;
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        margin-right: -5px;
    }

        .telpftcot h4 .sqicon {
            display: inline-block;
            width: 38px;
            height: 38px;
            background-position: 0 bottom;
            position: absolute;
            left: 0;
            top: 2px;
        }

    .telpftcot .askcot {
        margin: 0 14px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #4f94e7;
        border: 1px solid #4f94e7;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
    }

.telprt {
    width: 290px;
    box-sizing: border-box;
    color: #666;
    font-size: 16px;
    border-left: 1px dashed rgba(191,191,191,.6);
}

    .telprt p {
        padding: 15px 15px 5px;
    }

    .telprt input {
        width: 100%;
        height: 48px;
        margin: 20px 0;
        line-height: 48px;
        text-align: center;
        border-radius: 4px;
        border: solid 1px #bfbfbf;
        font-size: 16px
    }

    .telprt .btnbox {
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #4f94e7;
        border: 1px solid #4f94e7;
        border-radius: 4px;
        color: #fff;
        cursor: pointer
    }

.spclose {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px;
    height: 32px;
    background-position: 0 -173px;
}

.showanimation {
    animation: in 1s ease both;
    -webkit-animation: in 1s ease both;
    -moz-animation: in 1s ease both;
    display: block;
    animation-delay: 0s;
    -webkit-animation-delay: 0s
}

.hideanimation {
    animation: out 1s ease both;
    -webkit-animation: out 1s ease both;
    -moz-animation: out 1s ease both;
    display: none\0;
    *display: none
}

@keyframes in {
    0% {
        transform: scale(0,0) skew(60deg,60deg);
        top: 100%;
        right: 50px
    }

    100% {
        transform: scale(1,1) skew(0,0);
        top: 35%;
        right: 50%
    }
}

@-webkit-keyframes in {
    0% {
        -webkit-transform: scale(0,0) skew(60deg,60deg);
        top: 100%;
        right: 50px
    }

    100% {
        -webkit-transform: scale(1,1) skew(0,0);
        top: 35%;
        right: 50%
    }
}

@-moz-keyframes in {
    0% {
        -moz-transform: scale(0,0) skew(60deg,60deg);
        top: 100%;
        right: 50px
    }

    100% {
        -moz-transform: scale(1,1) skew(0,0);
        top: 35%;
        right: 50%
    }
}

@keyframes out {
    0% {
        transform: scale(1,1) skew(0,0);
        top: 35%;
        right: 50%
    }

    100% {
        transform: scale(0,0) skew(60deg,60deg);
        top: 100%;
        right: 50px;
        display: none
    }
}

@-webkit-keyframes out {
    0% {
        -webkit-transform: scale(1,1) skew(0,0);
        top: 35%;
        right: 50%
    }

    100% {
        -webkit-transform: scale(0,0) skew(60deg,60deg);
        top: 100%;
        right: 50px;
        display: none
    }
}

@-moz-keyframes out {
    0% {
        -moz-transform: scale(1,1) skew(0,0);
        top: 35%;
        right: 50%
    }

    100% {
        -moz-transform: scale(0,0) skew(60deg,60deg);
        top: 100%;
        right: 50px;
        display: none
    }
}

.errtipbox {
    position: fixed;
    top: 10px;
    left: 50%;
    width: 500px;
    height: 160px;
    margin-top: 0;
    margin-left: -250px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(29,50,119,0.28);
    z-index: 9999;
    font-size: 16px
}

    .errtipbox p {
        padding: 30px 0;
        text-align: center;
        color: #999
    }

    .errtipbox .errbtn {
        width: 140px;
        height: 48px;
        float: right;
        margin-right: 42px;
        text-align: center;
        line-height: 48px;
        color: #fff;
        background-color: #4f94e7;
        border-radius: 4px;
        cursor: pointer
    }

.sucpbox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 340px;
    height: 240px;
    margin-top: -120px;
    margin-left: -170px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(29,50,119,0.28);
    z-index: 9999;
    font-size: 16px;
    text-align: center
}

    .sucpbox .sqicon {
        width: 40px;
        height: 48px;
        margin: 42px 0 25px;
        background-position: 0 -212px;
    }

    .sucpbox p {
        margin-bottom: 40px;
        color: #666
    }

    .sucpbox .sucbtn {
        display: inline-block;
        width: 140px;
        height: 48px;
        background-color: #4f94e7;
        border-radius: 4px;
        text-align: center;
        line-height: 48px;
        color: #fff;
        cursor: pointer
    }

.scuermask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.2);
    z-index: 1000;
    display: none
}
/*热门产品推荐*/
.blockHot {
    width: 100%;
}

    .blockHot .blockTitle {
        font-size: 30px;
        color: #333333;
        font-weight: normal;
        padding: 50px 0;
        text-align: center;
    }

    .blockHot ul {
        width: 1232px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .blockHot ul li {
            width: 308px;
            height: 240px;
            position: relative;
            padding: 11px 14px;
            box-sizing: border-box;
        }

            .blockHot ul li a {
                display: inline-block;
                width: 280px;
                height: 218px;
                padding: 25px 20px;
                box-sizing: border-box;
                background: url(../img/hotLittleIcon.png) no-repeat;
                position: relative;
                cursor: pointer;
            }

            .blockHot ul li.hotActive {
                width: 308px;
                height: 240px;
                padding: 0;
            }

                .blockHot ul li.hotActive a {
                    display: inline-block;
                    width: 308px;
                    height: 240px;
                    box-sizing: border-box;
                    background: url(../img/hotBigIcon.png) no-repeat;
                }

            .blockHot ul li:nth-of-type(1) a {
                background-position: 0 0;
            }

            .blockHot ul li:nth-of-type(2) a {
                background-position: -307px 0;
            }

            .blockHot ul li:nth-of-type(3) a {
                background-position: -613px 0;
            }

            .blockHot ul li:nth-of-type(4) a {
                background-position: -920px 0;
            }

            .blockHot ul li:nth-of-type(5) a {
                background-position: 0 -278px;
            }

            .blockHot ul li:nth-of-type(6) a {
                background-position: -307px -278px;
            }

            .blockHot ul li:nth-of-type(7) a {
                background-position: -613px -278px;
            }

            .blockHot ul li:nth-of-type(8) a {
                background-position: -920px -278px;
            }

            .blockHot ul li:nth-of-type(9) a {
                background-position: 0 -556px;
            }

            .blockHot ul li:nth-of-type(10) a {
                background-position: -307px -556px;
            }

            .blockHot ul li:nth-of-type(11) a {
                background-position: -613px -556px;
            }

            .blockHot ul li:nth-of-type(12) a {
                background-position: -920px -556px;
            }

            .blockHot ul li.hotActive:nth-of-type(1) a {
                background-position: 0 0;
            }

            .blockHot ul li.hotActive:nth-of-type(2) a {
                background-position: -309px 0;
                width: 303px;
            }

            .blockHot ul li.hotActive:nth-of-type(3) a {
                background-position: -612px 0;
            }

            .blockHot ul li.hotActive:nth-of-type(4) a {
                background-position: -920px 0;
            }

            .blockHot ul li.hotActive:nth-of-type(5) a {
                background-position: 0 -268px;
            }

            .blockHot ul li.hotActive:nth-of-type(6) a {
                background-position: -309px -268px;
                width: 303px;
            }

            .blockHot ul li.hotActive:nth-of-type(7) a {
                background-position: -612px -268px;
            }

            .blockHot ul li.hotActive:nth-of-type(8) a {
                background-position: -920px -268px;
            }

            .blockHot ul li.hotActive:nth-of-type(9) a {
                background-position: 0 -546px;
            }

            .blockHot ul li.hotActive:nth-of-type(10) a {
                background-position: -309px -546px;
                width: 303px;
            }

            .blockHot ul li.hotActive:nth-of-type(11) a {
                background-position: -612px -546px;
            }

            .blockHot ul li.hotActive:nth-of-type(12) a {
                background-position: -920px -546px;
            }

            .blockHot ul li a em {
                font-size: 88px;
                font-weight: normal;
                font-style: normal;
                letter-spacing: -4px;
                color: #ffffff;
                opacity: 0.1;
                position: absolute;
                right: 15px;
                top: -10px;
            }

            .blockHot ul li a h3 {
                font-size: 24px;
                font-weight: normal;
                margin-bottom: 5px;
                color: #ffffff;
            }

            .blockHot ul li a p {
                font-size: 14px;
                font-weight: normal;
                line-height: 26px;
                color: #ffffff;
            }

            .blockHot ul li a span {
                font-size: 15px;
                font-weight: normal;
                color: #ffffff;
                position: absolute;
                left: 25px;
                bottom: 30px;
                display: none;
            }

            .blockHot ul li.hotActive a span {
                display: block
            }

            .blockHot ul li a span i {
                display: inline-block;
                width: 18px;
                height: 18px;
                background: url(../img/goIcon.png) no-repeat;
                vertical-align: -4px;
                margin-left: 8px;
            }